/* Cyber Glow for Obsidian built by TheEmperorArt version 8.x.x /* Please give credits if you modify or take parts for your own theme*/ /*Change log - Minor color fix for Sidebar tabs - */ /*===================== Style Settings ======================*/ /* @settings name: Cyber Glow Tweakbox id: CG collapsed: false settings: - id: CG-workspace title: Background Controls type: heading level: 1 description: Background and Wallpaper Controls collapsed: true - id: CG-workspace-background title: Enable Workspace Backgound description: Enable Custom Wallpaper background type: class-toggle default: CG-workspace-background-image-custom - id: CG-workspace-background-image title: Select Background Image description: Select Custom to use your custom links or paths to your wallpaper in "Custom Workspace Background Image". (Author's) type: class-select allowEmpty: false default: CG-workspace-background-image-obsidianbg options: - label: Obsidian Community (Nader) value: CG-workspace-background-image-obsidianbg - label: Custom value: CG-workspace-background-image-custom - id: CG-workspace-background-image-custom-option title: Custom Workspace Background Image description: Add your wallpaper. Paste the entire link to the image including "https://" -> url("your link here"). Local file links are no longer supported by Obsidian and Style Settings haven't been updated to support any alternatives. type: variable-text default: url("") value: CG-workspace-background-image-custom - id: CG-workspace-background-workspace-slider title: Container opacity description: Suggestion Increase opacity a bit on Dark mode, decrease opacity on light mode. type: variable-number-slider min: 0.10 max: 1 step: 0.01 default: 0.45 - id: CG-workspace-background-blur title: Background blur description: Level of blurryness type: variable-number-slider min: 0 max: 20 step: 1 default: 15 format: px - id: CG-workspace-background-brightness title: Background brightness description: Suggestion Increase brightness on Dark mode, decrease brightness on light mode. type: variable-number-slider min: 0 max: 3 step: 0.01 default: 1.15 - id: CG-workspace-background-saturation title: Background Saturation description: Increase/Decrease the color vibrancy of the background image. type: variable-number-slider min: 0 max: 4 step: 0.01 default: 2 - id: CG-workspace-background-contrast title: Background Contrast description: Increase/Decrease the contrast of the background image. type: variable-number-slider min: 40 max: 200 step: 1 default: 100 format: "%" - id: CG-Workspace title: Workspace Controls type: heading description: Phone Header Folder Path, level: 1 collapsed: true - id: CG-header-crumbs title: Disable Phone's Header Folder Path description: The folder paths in the header easily hides the note's title. Toggle off if you want the folder path on phone. default: true type: class-toggle - id: CG-workspace-sbt title: Left Sidebar Toggle type: class-select allowEmpty: false description: Pick the Icon/image, be sure that all custom images/gifs are square aspect. default: CG-MObsidian-sbt options: - label: New Obsidian Logo value: CG-MObsidian-sbt - label: Classic Obsidian Logo value: CG-Obsidian-sbt - label: Obsidian's Sandy (Office Cat) value: CG-Sandy-sbt - label: Obsidian's Blaze (Office Cat) value: CG-Blaze-sbt - label: Custom value: CG-Custom-sbt - id: CG-workspace-custom-sbt title: Custom Left Sidebar Toggle description: Add your custom Left Toggle. Paste the entire link to the image including "https://" -> url("your link here"), Obsidian no longer supports local links. type: variable-text default: url("") value: CG-Custom-sbt - id: CG-Note title: Note Controls type: heading description: Custom Checkboxes, Line Width, Codeblocks Controls, Signature/Cite font, Base Font level: 1 collapsed: true - id: CG-custom-checkbox title: Custom Checkbox description: Enable custom checkboxes for checkbox customization default: true type: class-toggle - id: CG-line-width title: Readable line width description: The maximum line width in rem (unit relative to Appearance -> Font Size) type: variable-number-slider default: 40 min: 30 max: 70 step: 1 format: 'rem' - title: Disable Codeblocks Gutter description: Remove line numbers and additional styling to code blocks id: no-codeblock-line-numbers type: class-toggle default: false - id: CG-cite-font title: Cite/Signature Font (Used in blockquotes and quote callouts) description: Get Font from Cyber Glow's Github page. Recommend using a cursive font style type: variable-text default: 'Edwardian Script ITC' - id: default-font title: Base font (UI and notes font) description: Get Font from Cyber Glow's Github page. For System Default type Inter. type: variable-text default: 'Quantico' - id: headings title: Heading Controls type: heading description: Headings Font and Size and Dividing Line Controls level: 1 collapsed: true - id: CG-hr title: Heading Dividing Line (---) type: class-select allowEmpty: false default: CG-NewObsidian-hr options: - label: New Obsidian Outline value: CG-NewObsidian-hr - label: CG Old Default value: CG-OG-hr - label: Classic Obsidian Outline value: CG-ClassicObsidian-hr - label: Hyrule value: CG-Hyrule-hr - label: Lorule value: CG-Lorule-hr - label: Windows value: CG-Windows-hr - label: Apple value: CG-Apple-hr - id: CG-workspace-custom-sbt title: Custom Left Sidebar Toggle description: Add your custom Left Toggle. Paste the entire link to the image including "https://" -> url("your link here") or paste the local file location. Be sure to use "/" instead of "\" on Windows. type: variable-text default: url("app://local/") value: CG-Custom-sbt - id: title-heading title: Title Heading (H1) description: Get Font from Cyber Glow's Github page. For System Default type Inter. type: variable-text default: 'Space Wham' - id: mini-header-hide title: Hide Header Indication description: Enabling this will hide the small header indicator next to headers, such as H1, H2, etc. type: class-toggle default: false - id: h1-size title: H1 font size description: Enter Header 1 Font type: variable-text default: 2.1em - id: major-heading title: Major Heading font (H2) description: Get Font from Cyber Glow's Github page. For System Default type Inter type: variable-text default: 'Orbitron' - id: h2-size title: H2 font size description: Enter Header 2 Font type: variable-text default: 1.85em - id: minor-heading title: Minor Headings font (H3-6) description: Get Font from Cyber Glow's Github page. For System Default type Inter. type: variable-text default: 'Oxanium' - id: h3-size title: H3 font size description: Enter Header 3 Font type: variable-text default: 1.65em - id: h4-size title: H4 font size description: Enter Header 4 Font type: variable-text default: 1.45em - id: h5-size title: H5 font size description: Enter Header 5 Font type: variable-text default: 1.25em - id: h6-size title: H6 font size description: Enter Header 6 Font type: variable-text default: 1.25em - id: CG-Color title: Color Picker type: heading description: Change Colors of certain elements level: 1 collapsed: true - title: Accent Text Color id: custom-accent type: variable-color format: hsl-values default: 'hsl(170, 49%, 32%)' - title: Inactive Tab Color id: inactivetab-color type: variable-color format: hsl-values default: 'hsl(170, 49%, 32%)' - title: Tab & Icon Color id: activetab-color type: variable-color format: hsl-values default: 'hsl(170, 49%, 32%)' - title: Active Note Title Color id: active-title type: variable-color format: hsl-values default: 'hsl(170, 49%, 32%)' - title: Inactive Note Title Color id: Inactive-title type: variable-color opacity: true format: hsl default: 'hsl(170, 49%, 32%)' - title: Outgoing link color id: outlink-color type: variable-color format: hex default: '#FFA500' - title: Internal link color id: inlink-color type: variable-color format: hex default: '#ffc400' - title: Bullet List Color id: bulletlist-color type: variable-color format: hex default: '#21B59C' - title: Header 1 Color id: h1-glow type: variable-color format: hex default: '#21B59C' - title: Header 2 Color id: h2-glow type: variable-color format: hex default: '#0cd0d0' - title: Header 3 Color id: h3-glow type: variable-color format: hex default: '#00d200' - title: Header 4 Color id: h4-glow type: variable-color format: hex default: '#ffc400' - title: Header 5 Color id: h5-glow type: variable-color format: hex default: '#FF0000' - title: Header 6 Color id: h6-glow type: variable-color format: hex default: '#FF00FF' - title: Change Blockquote color id: block-color type: variable-color format: hsl default: 'hsl(170, 49%, 32%)' - id: CG-other title: Other Controls type: heading description: Stacked tabs width level: 1 collapsed: true - id: GC-stacked-width title: Stacked tabs header width description: If the stacked tab looks weird, after altering the width, please change tabs first or open a new tab to "refresh" the theme type: variable-number-slider min: 20 max: 70 step: 1 default: 35 format: px */ body { /*metadata*/ --metadata-label-width: 10em; --metadata-gap: 5px; --metadata-property-radius: 3px; /*Style Settings Custom Tabs Colors*/ --activetab-color: var(--color-accent-hsl); --activetab-highlight: hsl(var(--activetab-color)); --tab-background-active: hsla(var(--activetab-color), 0.15); --tab-text-color-focused-active-current: var(--activetab-highlight); --tab-text-color-focused:var(--activetab-highlight); --activetab-faint: hsla(var(--activetab-color), 0.60); --tab-background-clicked: hsla(var(--activetab-color), 0.25); --tab-background-active-clicked: hsla(var(--activetab-color), 0.3); /*Style Settings inactive tab Custom Colors*/ --inactivetab-color: var(--activetab-color); --inactivetab: hsla(var(--inactivetab-color), 0.60); /*Style Settings inactive title Custom Colors*/ --Inactive-title: var(--text-faint); /*Style Settings active title Custom Colors*/ --active-title: var(--color-accent-hsl); --activetitle-highlight: hsl(var( --active-title)); --title-background-clicked: hsla(var(--active-title), 0.25); --title-background-active-clicked: hsla(var(--active-title), 0.3); --custom-accent: var(--color-accent-hsl); --custom-acc-text: hsl(var(--custom-accent)); --custom-acc-faint: hsla(var(--custom-accent), 0.6); --custom-acc-active: hsla(var(--custom-accent), 0.43); --custom-acc-back: hsla(var(--custom-accent), 0.4); --custom-acc-hover: hsla(var(--custom-accent), 0.3); /*Fonts*/ --default-font: 'Quantico', 'Inter', 'Rubik', 'Segoe UI'; --title-heading: 'Space Wham', 'Inter'; --major-heading: 'Orbitron', 'Inter'; --minor-heading: 'Oxanium', 'Inter'; --CG-cite-font: 'Edwardian Script ITC'; /*Logo*/ --newoutlined-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='18' height='18' fill='none' stroke='currentColor' stroke-width='32' stroke-linecap='round' stroke-linejoin='round' class='logo-wireframe'%3E%3Cpath d='M172.7 461.6c73.6-149.1 2.1-217-43.7-246.9m72 96.7c71.6-17.3 141-16.3 189.8 88.5m-114-96.3c-69.6-174 44.6-181 16.3-273.6m97.7 370c1.6-3 3.3-5.8 5.1-8.6 20-29.9 34.2-53.2 41.4-65.3a16 16 0 0 0-1.2-17.7 342.1 342.1 0 0 1-40.2-66.1c-10.9-26-12.5-66.5-12.6-86.2 0-7.4-2.4-14.7-7-20.6l-81.8-104a32 32 0 0 0-1.4-1.5m97.7 370a172.8 172.8 0 0 0-18 59c-2.9 21.5-24 38.4-45 32.6-30-8.3-64.5-21.1-95.7-23.5l-47.8-3.6c-7.7-.6-15-4-20.3-9.5l-82.3-84.8c-9-9.2-11.4-23-6.2-34.8 0 0 51-111.8 52.8-117.7l.7-3M293.1 30a31.5 31.5 0 0 0-44.4-2.3l-97.4 87.5c-5.4 5-9 11.5-10 18.8-3.7 24.5-9.7 68-12.3 80.7'%3E%3C/path%3E%3C/svg%3E"); --outlined-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='15 -3 69 106'%3E%3Cpath d='M 30.91 17.52 L 34.43 35.7 M 61.44 14.41 L 62.61 0 M 34.43 35.7 L 37.57 90.47 M 81 26.39 L 61.44 14.41 L 34.43 35.7 L 65.35 100 M 62.61 0 L 30.91 17.52 L 18 45.45 L 37.57 90.47 L 65.35 100 L 70.44 89.8 L 81 26.39 L 62.61 0 Z' stroke='%23000000' stroke-width='4' fill='none'/%3E%3C/svg%3E"); --CG-line-width: 40rem; --file-line-width: var(--CG-line-width); /*max min icons*/ --win-maximize: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.5 3c-.82843 0-1.5.67157-1.5 1.5v7c0 .8284.67157 1.5 1.5 1.5h7c.8284 0 1.5-.6716 1.5-1.5v-7c0-.82843-.6716-1.5-1.5-1.5zm0 1h7c.2761 0 .5.22386.5.5v7c0 .2761-.2239.5-.5.5h-7c-.27614 0-.5-.2239-.5-.5v-7c0-.27614.22386-.5.5-.5z' fill='%23212121'/%3E%3C/svg%3E"); --win-minimize: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23212121'%3E%3Cpath d='m5.08496 4c.20592-.5826.76154-1 1.41465-1h3.5c1.65689 0 2.99999 1.34315 2.99999 3v3.5c0 .6531-.4174 1.2087-1 1.4146v-4.9146c0-1.10457-.8954-2-1.99999-2z'/%3E%3Cpath d='m4.5 5h5c.8284 0 1.5.67157 1.5 1.5v5c0 .8284-.6716 1.5-1.5 1.5h-5c-.82843 0-1.5-.6716-1.5-1.5v-5c0-.82843.67157-1.5 1.5-1.5zm0 1c-.27614 0-.5.22386-.5.5v5c0 .2761.22386.5.5.5h5c.27614 0 .5-.2239.5-.5v-5c0-.27614-.22386-.5-.5-.5z'/%3E%3C/g%3E%3C/svg%3E"); /*Background*/ --background-primary: var(--color-base-00); --background-secondary: var(--color-base-25); --background-tertiary: var(--color-base-05); --background-modifier-hover: var(--tab-background-active); --background-modifier-message: var(--background-tertiary); /*Titlebar*/ --titlebar-background-focused: var(--background-secondary); --titlebar-text-color-focused: var(--text-muted); /*Tab*/ --tab-divider-color: transparent; --tab-max-width: 180px; --tab-width: 225px; --tab-radius-active: var(--radius-s); /*Text*/ --text-muted: var(--color-accent); --text-faint: var(--color-accent-faint); /*Scrollbar*/ --scrollbar-thumb-bg: var(--text-selection); --scrollbar-active-thumb-bg: var(--text-accent); --scrollbar-bg: var(--color-accent-active); /*Drag Ghost*/ --drag-ghost-text-color: var(--text-accent); --drag-ghost-background: var(--background-tertiary); /*Link*/ --link-external-color: var(--outlink-color); --link-external-color-hover: var(--link-external-color); --internal-link-hover: var(--inlink-color); --inlink-color: #FFA500; --outlink-color: #ffc400; /*Vault Name*/ --vault-name-font-size: var(--font-ui-medium); --vault-name-color: var(--custom-acc-text); /*Swatch*/ --swatch-radius: 3px; /*Nav Items*/ --nav-item-color: var(--custom-acc-faint); --nav-item-color-hover: var(--custom-acc-text); --nav-item-color-selected: var(--text-accent); --nav-item-white-space: wrap; --nav-item-color-active: var(--custom-acc-text); --nav-indentation-guide-color: var(--custom-acc-faint); /*Bullet lists*/ --bulletlist-color: var(--text-accent); --indentation-guide-color: var(--bulletlist-color); /*Icon*/ --icon-color-hover: var(--activetab-highlight); --icon-color: var(--activetab-faint); --icon-color-active: var(--tab-background-clicked); --icon-color-focused: var(--activetab-highlight); /*Heading*/ --h1-glow: var(--text-accent); --h2-glow: #0cd0d0; --h3-glow: #00d200; --h4-glow: #ffc400; --h5-glow: #FF0000; --h6-glow: #FF00FF; --h1-size: 34px; --h2-size: 26px; --h3-size: 22px; --h4-size: 18px; --h5-size: 18px; --h6-size: 18px; --heading-formatting: var(--text-faint); /*Slider*/ --slider-thumb-border-width: 7px; --slider-thumb-border-color: var(--color-glow); /*Toggle*/ --toggle-border-width: 3px; --toggle-width: 45px; --toggle-thumb-width: 20px; --toggle-thumb-color: rgb(186, 56, 56); --toggle-thumb-radius: 10px; --toggle-thumb-height: 8px; --toggle-s-border-width: 3px; --toggle-s-width: 40px; --toggle-s-thumb-height: 8px; --toggle-s-thumb-width: 16px; /*Radius*/ --radius-s: 3px; --radius-m: 3px; --radius-l: 10px; --radius-xl: 3px; /*Ribbon*/ --ribbon-background: transparent; --ribbon-background-collapsed: transparent; /*List*/ --list-marker-color: transparent; --list-marker-color-collapsed: transparent; /*Status bar*/ --status-bar-text-color: var(--text-faint); --status-bar-radius: var(--radius-s); /*Callouts Color Fix*/ --callout-bug: 200, 172, 100; --callout-error: 255, 70, 0; --callout-info: 0, 141, 142; --callout-summary: 0, 151, 188; --callout-tip: 255, 166, 11; --callout-important: 255, 166, 11; --callout-quote: 210, 102, 234; --callout-default: 139, 127, 137; --block-color: hsl(170, 49%, 32%); } .is-mobile{ --toggle-width: 45px; --toggle-thumb-height: 8px; --toggle-thumb-width: 20px; } /*================ Dark Theme =================*/ .theme-dark { --New-Obsidiantoggle: url("data:image/svg+xml,%3Csvg id='custom-logo' width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg' style='height:100%25;width:100%25;'%3E%3Cdefs%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-48 -185 123 -32 179 429.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.4'/%3E%3Cstop offset='1' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(41 -310 229 30 341.6 351.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(57 -261 178 39 190.5 296.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-79 -133 153 -90 321.4 464.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.3'/%3E%3Cstop offset='1' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-29 136 -92 -20 300.7 149.9)'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.2'/%3E%3C/radialGradient%3E%3CradialGradient id='g' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(72 73 -155 153 137.8 225.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='h' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(20 118 -251 43 215.1 273.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.1'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='i' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-162 -85 268 -510 374.4 371.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3Cfilter id='a' x='80.1' y='37' width='351.1' height='443.2' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='6.5' result='effect1_foregroundBlur_744_9191'/%3E%3C/filter%3E%3C/defs%3E%3Crect id='logo-bg' fill='%23000000' width='512' height='512' rx='100'/%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M359.2 437.5c-2.6 19-21.3 33.9-40 28.7-26.5-7.2-57.2-18.6-84.8-20.7l-42.4-3.2a28 28 0 0 1-18-8.3l-73-74.8a27.7 27.7 0 0 1-5.4-30.7s45-98.6 46.8-103.7c1.6-5.1 7.8-49.9 11.4-73.9a28 28 0 0 1 9-16.5L249 57.2a28 28 0 0 1 40.6 3.4l72.6 91.6a29.5 29.5 0 0 1 6.2 18.3c0 17.3 1.5 53 11.2 76a301.3 301.3 0 0 0 35.6 58.2 14 14 0 0 1 1 15.6c-6.3 10.7-18.9 31.3-36.6 57.6a142.2 142.2 0 0 0-20.5 59.6Z' fill='%23000' fill-opacity='.3'/%3E%3C/g%3E%3Cpath id='arrow' d='M359.9 434.3c-2.6 19.1-21.3 34-40 28.9-26.4-7.3-57-18.7-84.7-20.8l-42.3-3.2a27.9 27.9 0 0 1-18-8.4l-73-75a27.9 27.9 0 0 1-5.4-31s45.1-99 46.8-104.2c1.7-5.1 7.8-50 11.4-74.2a28 28 0 0 1 9-16.6l86.2-77.5a28 28 0 0 1 40.6 3.5l72.5 92a29.7 29.7 0 0 1 6.2 18.3c0 17.4 1.5 53.2 11.1 76.3a303 303 0 0 0 35.6 58.5 14 14 0 0 1 1.1 15.7c-6.4 10.8-18.9 31.4-36.7 57.9a143.3 143.3 0 0 0-20.4 59.8Z' fill='%23616161'/%3E%3Cpath d='M182.7 436.4c33.9-68.7 33-118 18.5-153-13.2-32.4-37.9-52.8-57.3-65.5-.4 1.9-1 3.7-1.8 5.4L96.5 324.8a27.9 27.9 0 0 0 5.5 31l72.9 75c2.3 2.3 5 4.2 7.8 5.6Z' fill='url(%23b)'/%3E%3Cpath d='M274.9 297c9.1.9 18 2.9 26.8 6.1 27.8 10.4 53.1 33.8 74 78.9 1.5-2.6 3-5.1 4.6-7.5a1222 1222 0 0 0 36.7-57.9 14 14 0 0 0-1-15.7 303 303 0 0 1-35.7-58.5c-9.6-23-11-58.9-11.1-76.3 0-6.6-2.1-13.1-6.2-18.3l-72.5-92-1.2-1.5c5.3 17.5 5 31.5 1.7 44.2-3 11.8-8.6 22.5-14.5 33.8-2 3.8-4 7.7-5.9 11.7a140 140 0 0 0-15.8 58c-1 24.2 3.9 54.5 20 95Z' fill='url(%23c)'/%3E%3Cpath d='M274.8 297c-16.1-40.5-21-70.8-20-95 1-24 8-42 15.8-58l6-11.7c5.8-11.3 11.3-22 14.4-33.8a78.5 78.5 0 0 0-1.7-44.2 28 28 0 0 0-39.4-2l-86.2 77.5a28 28 0 0 0-9 16.6L144.2 216c0 .7-.2 1.3-.3 2 19.4 12.6 44 33 57.3 65.3 2.6 6.4 4.8 13.1 6.4 20.4a200 200 0 0 1 67.2-6.8Z' fill='url(%23d)'/%3E%3Cpath d='M320 463.2c18.6 5.1 37.3-9.8 39.9-29a153 153 0 0 1 15.9-52.2c-21-45.1-46.3-68.5-74-78.9-29.5-11-61.6-7.3-94.2.6 7.3 33.1 3 76.4-24.8 132.7 3.1 1.6 6.6 2.5 10.1 2.8l43.9 3.3c23.8 1.7 59.3 14 83.2 20.7Z' fill='url(%23e)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M255 200.5c-1.1 24 1.9 51.4 18 91.8l-5-.5c-14.5-42.1-17.7-63.7-16.6-88 1-24.3 8.9-43 16.7-59 2-4 6.6-11.5 8.6-15.3 5.8-11.3 9.7-17.2 13-27.5 4.8-14.4 3.8-21.2 3.2-28 3.7 24.5-10.4 45.8-21 67.5a145 145 0 0 0-17 59Z' fill='url(%23f)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M206 285.1c2 4.4 3.7 8 4.9 13.5l-4.3 1c-1.7-6.4-3-11-5.5-16.5-14.6-34.3-38-52-57-65 23 12.4 46.7 31.9 61.9 67Z' fill='url(%23g)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M211.1 303c8 37.5-1 85.2-27.5 131.6 22.2-46 33-90.1 24-131l3.5-.7Z' fill='url(%23h)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M302.7 299.5c43.5 16.3 60.3 52 72.8 81.9-15.5-31.2-37-65.7-74.4-78.5-28.4-9.8-52.4-8.6-93.5.7l-.9-4c43.6-10 66.4-11.2 96 0Z' fill='url(%23i)'/%3E%3C/svg%3E"); --color-base-00: rgba(0, 0, 0); --color-base-20: rgba(30, 30, 30); --color-base-05: #171717b7; --bg-primary: 0, 0, 0; --bg-secondary: 30, 30, 30; --background-settings: rgba(30, 30, 30, .9); --background-settings-alt: rgba(30, 30, 30, .65); --background-settings-2: rgba(78, 75, 75, .2); --text-selection: hsla(var(--interactive-accent-hsl), 0.35); /*Accent*/ --accent-h: 170; --accent-s: 69%; --accent-l: 42%; --color-accent-faint: hsl(var(--accent-h), calc(var(--accent-s) - 20%), calc(var(--accent-l) - 10%)); --color-accent-active: hsla(var(--accent-h), calc(var(--accent-s) - 23%), calc(var(--accent-l) - 25%), 0.65); --color-accent-2: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 10%)); --color-glow: hsl(calc(var(--accent-h) + 1), calc(var(--accent-s) - 36%), calc(var(--accent-l) - 25%)); --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l); --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); --color-accent-1: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 3.8%)); /*Code*/ --code-background: rgba(30, 30, 30, 0.75); --text-close-color: #ff909b; --background-close-hover: #e6647170; --background-close-active: #f2394c8a; --background-close: #b4000066; } /*================ Light Theme =================*/ .theme-light { --New-Obsidiantoggle: url("data:image/svg+xml,%3Csvg id='custom-logo' width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg' style='height:100%25;width:100%25;'%3E%3Cdefs%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-48 -185 123 -32 179 429.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.4'/%3E%3Cstop offset='1' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(41 -310 229 30 341.6 351.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(57 -261 178 39 190.5 296.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-79 -133 153 -90 321.4 464.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.3'/%3E%3Cstop offset='1' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-29 136 -92 -20 300.7 149.9)'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.2'/%3E%3C/radialGradient%3E%3CradialGradient id='g' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(72 73 -155 153 137.8 225.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='h' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(20 118 -251 43 215.1 273.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.1'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='i' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-162 -85 268 -510 374.4 371.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3Cfilter id='a' x='80.1' y='37' width='351.1' height='443.2' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='6.5' result='effect1_foregroundBlur_744_9191'/%3E%3C/filter%3E%3C/defs%3E%3Crect id='logo-bg' fill='%23ffffff' width='512' height='512' rx='100'/%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M359.2 437.5c-2.6 19-21.3 33.9-40 28.7-26.5-7.2-57.2-18.6-84.8-20.7l-42.4-3.2a28 28 0 0 1-18-8.3l-73-74.8a27.7 27.7 0 0 1-5.4-30.7s45-98.6 46.8-103.7c1.6-5.1 7.8-49.9 11.4-73.9a28 28 0 0 1 9-16.5L249 57.2a28 28 0 0 1 40.6 3.4l72.6 91.6a29.5 29.5 0 0 1 6.2 18.3c0 17.3 1.5 53 11.2 76a301.3 301.3 0 0 0 35.6 58.2 14 14 0 0 1 1 15.6c-6.3 10.7-18.9 31.3-36.6 57.6a142.2 142.2 0 0 0-20.5 59.6Z' fill='%23000' fill-opacity='.3'/%3E%3C/g%3E%3Cpath id='arrow' d='M359.9 434.3c-2.6 19.1-21.3 34-40 28.9-26.4-7.3-57-18.7-84.7-20.8l-42.3-3.2a27.9 27.9 0 0 1-18-8.4l-73-75a27.9 27.9 0 0 1-5.4-31s45.1-99 46.8-104.2c1.7-5.1 7.8-50 11.4-74.2a28 28 0 0 1 9-16.6l86.2-77.5a28 28 0 0 1 40.6 3.5l72.5 92a29.7 29.7 0 0 1 6.2 18.3c0 17.4 1.5 53.2 11.1 76.3a303 303 0 0 0 35.6 58.5 14 14 0 0 1 1.1 15.7c-6.4 10.8-18.9 31.4-36.7 57.9a143.3 143.3 0 0 0-20.4 59.8Z' fill='%23000000'/%3E%3Cpath d='M182.7 436.4c33.9-68.7 33-118 18.5-153-13.2-32.4-37.9-52.8-57.3-65.5-.4 1.9-1 3.7-1.8 5.4L96.5 324.8a27.9 27.9 0 0 0 5.5 31l72.9 75c2.3 2.3 5 4.2 7.8 5.6Z' fill='url(%23b)'/%3E%3Cpath d='M274.9 297c9.1.9 18 2.9 26.8 6.1 27.8 10.4 53.1 33.8 74 78.9 1.5-2.6 3-5.1 4.6-7.5a1222 1222 0 0 0 36.7-57.9 14 14 0 0 0-1-15.7 303 303 0 0 1-35.7-58.5c-9.6-23-11-58.9-11.1-76.3 0-6.6-2.1-13.1-6.2-18.3l-72.5-92-1.2-1.5c5.3 17.5 5 31.5 1.7 44.2-3 11.8-8.6 22.5-14.5 33.8-2 3.8-4 7.7-5.9 11.7a140 140 0 0 0-15.8 58c-1 24.2 3.9 54.5 20 95Z' fill='url(%23c)'/%3E%3Cpath d='M274.8 297c-16.1-40.5-21-70.8-20-95 1-24 8-42 15.8-58l6-11.7c5.8-11.3 11.3-22 14.4-33.8a78.5 78.5 0 0 0-1.7-44.2 28 28 0 0 0-39.4-2l-86.2 77.5a28 28 0 0 0-9 16.6L144.2 216c0 .7-.2 1.3-.3 2 19.4 12.6 44 33 57.3 65.3 2.6 6.4 4.8 13.1 6.4 20.4a200 200 0 0 1 67.2-6.8Z' fill='url(%23d)'/%3E%3Cpath d='M320 463.2c18.6 5.1 37.3-9.8 39.9-29a153 153 0 0 1 15.9-52.2c-21-45.1-46.3-68.5-74-78.9-29.5-11-61.6-7.3-94.2.6 7.3 33.1 3 76.4-24.8 132.7 3.1 1.6 6.6 2.5 10.1 2.8l43.9 3.3c23.8 1.7 59.3 14 83.2 20.7Z' fill='url(%23e)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M255 200.5c-1.1 24 1.9 51.4 18 91.8l-5-.5c-14.5-42.1-17.7-63.7-16.6-88 1-24.3 8.9-43 16.7-59 2-4 6.6-11.5 8.6-15.3 5.8-11.3 9.7-17.2 13-27.5 4.8-14.4 3.8-21.2 3.2-28 3.7 24.5-10.4 45.8-21 67.5a145 145 0 0 0-17 59Z' fill='url(%23f)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M206 285.1c2 4.4 3.7 8 4.9 13.5l-4.3 1c-1.7-6.4-3-11-5.5-16.5-14.6-34.3-38-52-57-65 23 12.4 46.7 31.9 61.9 67Z' fill='url(%23g)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M211.1 303c8 37.5-1 85.2-27.5 131.6 22.2-46 33-90.1 24-131l3.5-.7Z' fill='url(%23h)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M302.7 299.5c43.5 16.3 60.3 52 72.8 81.9-15.5-31.2-37-65.7-74.4-78.5-28.4-9.8-52.4-8.6-93.5.7l-.9-4c43.6-10 66.4-11.2 96 0Z' fill='url(%23i)'/%3E%3C/svg%3E"); --color-base-00: rgba(255, 255, 255); --color-base-20: rgba(225, 225, 225); --color-base-05: #f6f4f4b7; --bg-primary: 255, 255, 255; --bg-secondary: 225, 225, 225; --background-settings: rgba(225, 225, 225, .9); --background-settings-alt: rgba(225, 225, 225, .65); --background-settings-2: rgba(78, 75, 75, .2); --text-selection: hsla(var(--interactive-accent-hsl), 0.35); --accent-h: 170; --accent-s: 69%; --accent-l: 42%; --color-accent-faint: hsl(var(--accent-h), calc(var(--accent-s) + 10%), calc(var(--accent-l) - 4%)); --color-accent-active: hsla(var(--accent-h), calc(var(--accent-s) - 13%), calc(var(--accent-l) + 10%), 0.65); --color-accent-2: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 10%)); --color-glow: hsl(calc(var(--accent-h) + 1), calc(var(--accent-s) - 36%), calc(var(--accent-l) - 25%)); --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l); --color-accent:hsl(var(--accent-h), calc(var(--accent-s) - 20%), calc(var(--accent-l) - 10%)); --color-accent-1: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 3.8%)); /*Code*/ --code-background: rgba(225, 225, 225, 0.75); --text-close-color: #791d26; --background-close-hover: #99212d70; --background-close-active: #88111c8a; --background-close: #b4000066; } /*----------------------- General ------------------------*/ .checkbox-container:not(.is-enabled):after{ box-shadow: 0 0 0.6em red; } /*Note Animation*/ .workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-stacked) .view-content { animation: 0.25s slide-down forwards; } /*left pane Animation*/ .workspace-split.mod-left-split .workspace-leaf-content, .workspace-leaf-content:not(:has(.view-content)) { animation: 0.15s slide-left forwards; } /*right pane Animation*/ .workspace-split.mod-right-split .workspace-leaf-content { animation: 0.15s slide-right forwards; } /*Keyframe for the above animations*/ @keyframes slide-down { 0% { transform: translateY(0%); opacity: 0; } 15% { transform: translateY(-5px); opacity: 0; } 25% { transform: translateY(-10px); } 45% { opacity: 0.5; } 65% { opacity: 0.7; } 100% { transform: translateY(0%); opacity: 1; } } @keyframes slide-left { 0% { transform: translateX(0%); opacity: 0; } 15% { transform: translateX(-5px); opacity: 0; } 25% { transform: translateX(-10px); } 45% { opacity: 0.5; } 65% { opacity: 0.7; } 100% { transform: translateX(0%); opacity: 1; } } @keyframes slide-right { 0% { transform: translateX(0%); opacity: 0; } 15% { transform: translateX(5px); opacity: 0; } 25% { transform: translateX(10px); } 45% { opacity: 0.5; } 65% { opacity: 0.7; } 100% { transform: translateX(0%); opacity: 1; } } /*Tab, WCB Spacing for Styling*/ .workspace-tab-header, .titlebar-button { border-right: 1px solid transparent; border-left: 1px solid transparent; } /*----------------------- Title bar Tabs ------------------------*/ /*Remove Curved Connectors for Classic Tabs*/ .workspace-split.mod-root .workspace-tab-header.is-active::before, .workspace-split.mod-root .workspace-tab-header.is-active::after, .workspace-tab-header.is-active { box-shadow: none; } /*Tab Spacing Between Each Other*/ .mod-root .workspace-tab-header-container-inner { padding: 2.5px 15px 0px 10px; gap: 4px; } /*Centers Tab Text*/ .workspace .mod-root .workspace-tab-header-inner-title { text-align: center; color: var(--inactivetab); } .workspace-tab-header.is-active.mod-active .workspace-tab-header-inner .workspace-tab-header-inner-title{ color: var(--activetab-highlight); } /*Resolves jumping tab bug*/ .workspace .mod-root .workspace-tab-header:not(.is-active, :hover) .workspace-tab-header-inner-close-button{ visibility: hidden; } .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button { display: flex; } .workspace-tab-header-inner .workspace-tab-header-inner-icon{ color: var(--activetab-faint); } /*Styles Hover Tab*/ .workspace-tab-header:hover { background: var(--tab-background-active); color: var(--activetab-faint); opacity: 0.85; border-image-slice: 1; border-right: 1px solid; border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent); border-left: 1px solid; } /*Styles Active Tab*/ .workspace-tab-header.is-active, .workspace-tab-header:active { border-image-slice: 1; border-right: 2px solid; border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent); border-left: 2px solid; } .workspace-tab-header:active{ background: var(--tab-background-clicked); } .workspace-tab-header.is-active.mod-active{ background: var(--tab-background-active-clicked); } .workspace-tab-header.is-active.mod-active .workspace-tab-header-inner .workspace-tab-header-inner-icon{ color: var(--activetab-highlight); } /*Active Tab Growth Ani*/ .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active:not(.mod-stacked) { flex-grow: 1.25; max-width: var(--tab-width); transition: max-width 100ms ease-in-out; color:var(--activetab-highlight); } .mod-left-split .workspace-tab-header.has-active-menu, .mod-right-split .workspace-tab-header.has-active-menu, .mod-left-split .workspace-tab-header.is-active, .mod-right-split .workspace-tab-header.is-active{ background-color: var(--tab-background-active-clicked); } .mod-root .workspace-tab-header:not(.mod-stacked) { max-width: var(--tab-max-width); transition: max-width 200ms ease-in-out; } /*Active Tab Animation unstacked*/ @keyframes float { 0% { transform: translateY(-5%); transition: ease 0.5s; } 50% { transform: translateY(3%); transition: ease 0.5s; } 100% { transform: translateY(-5%); transition: ease 0.5s; } } .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active.mod-active{ animation: float 4.9s ease-in-out infinite; } /*Height of Note Tabs*/ .workspace-tab-header-container-inner { margin-bottom: 5px; margin-top: 5px; } /*Secondary Headers in Sidepanels*/ .workspace-split.mod-horizontal .workspace-tab-header-container{ background-color: var(--background-tertiary); } /*Removes Old Note Tab Hover*/ .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner { background: transparent; } /*Resolve Incorrect Background Tabs Font Color and on hover*/ .is-focused .workspace-tab-header { color: var(--text-faint); } .is-focused .workspace-tab-header:hover{ color: var(--text-accent); } /*Remove Bottom Header Seperator*/ .workspace-tab-header-container { border-bottom: none; } /*Corrects preview*/ body:not(.is-mobile) .workspace-leaf-content[data-type="markdown"] .markdown-preview-view{ padding-top: 50px; } /*Corrects preview scroll*/ body:not(.is-mobile) .workspace-leaf-content[data-type="markdown"] .markdown-preview-view::-webkit-scrollbar-track{ margin-top: 40px; } /*Corrects editor*/ body:not(.is-mobile) .workspace-leaf-content[data-type='markdown'] .cm-editor{ margin-top:40px; } /*Styles text search on mobile*/ body:not(.is-mobile) .workspace-leaf-content[data-type="markdown"] .document-search-container { width: 100%; position:absolute; background: var(--background-tertiary); --webkit-backdrop-filter: blur 120px; backdrop-filter: blur(8px); margin-top:40px; } /*Bumps down content for text search in preview*/ body:not(.is-mobile) .document-search-container ~ .markdown-preview-view { margin-top:50px; } /*Bumps down content for text search in editor*/ body:not(.is-mobile) .document-search-container ~ .cm-editor{ padding-top:46px; } /*Bumps down content for text search and replace in editor*/ body:not(.is-mobile).document-search-container.mod-replace-mode ~ .cm-editor{ margin-top:50px; } .nav-file-tag{ color:var(--custom-acc-text); background-color: var(--custom-acc-back); } .nav-folder-title[data-count]::after, .tree-item-flair{ padding: 0 var(--size-4-1); background-color: var(--custom-acc-back); color:var(--custom-acc-text); border-radius: var(--radius-s); margin-right: -1px; align-self: center; } .tree-item-self:hover .tree-item-flair{ color: var(--custom-acc-text); } /*----------------------- Window Control Buttons ------------------------*/ /*Readjusts the Sizing of WCB*/ .titlebar-button { height: 30px; align-self: center; margin-right: 3px; } .mod-linux .titlebar-button, .mod-windows .titlebar-button { padding: 0px 13px 0px 13px; } /*WCB Styling Hover*/ .titlebar-button:not(.mod-logo):hover, .mod-windows .titlebar-button.mod-close:hover { border-radius: var(--radius-s); opacity: 0.85; border-image-slice: 1; border-right: 1px solid; border-left: 1px solid; } .mod-windows .titlebar-button.mod-close:active, .titlebar-button:active { border-image-slice: 1; opacity: 1; border-right: 1px solid; border-left: 1px solid; border-radius: var(--radius-s); } .titlebar-button:not(.mod-logo):hover { background: var(--text-selection); color: var(--text-muted); border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); } .titlebar-button.mod-logo:hover{ background:transparent; } .titlebar-button:not(.mod-logo):active, .titlebar-button:active { background-color: var(--color-accent-active); opacity: 1; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); } .mod-linux .titlebar-button.mod-close:hover { background-color: var(--background-close-hover); color: var(--text-close-color); border-image-source: linear-gradient(to top, transparent, var(--text-close-color), transparent); } /*WCB Styling Active*/ .titlebar-button.mod-close:active { background-color: var(--background-close-active); color: var(--text-close-color); opacity: 1; border-image-source: linear-gradient(to top, transparent, var(--text-close-color), transparent); } /*Removes Redundant background coloring of WCB*/ .is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right, .is-hidden-frameless:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right { background-color: transparent; } /*Obsidian Frame hide default*/ .mod-windows .titlebar-button.mod-close:hover { background-color: var(--background-close-active); color: var(--text-close-color); border-image-source: linear-gradient(to top, transparent, var(--text-close-color), transparent); } /*Win11 Max Min window icon*/ :is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize svg { -webkit-mask-image: var(--win-maximize); } .is-maximized:is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize svg { -webkit-mask-image: var(--win-minimize); } :is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize svg { -webkit-mask-size: cover; background-color: var(--text-faint); width: var(--icon-s); height: var(--icon-s); } :is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize{ padding: 0px 10px 0px 12px; } :is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize:hover svg, :is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize:active svg{ background-color: var(--text-accent); } /*======================= Statusbar ==========================*/ /*Status Bar Orientation and Style*/ .status-bar { border-color: transparent; margin: 0px 20px 12px 0px; backdrop-filter: blur(5px) saturate(120%) !important; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 2px solid; border-top: 1px solid; height: 2.8%; } /*Status Bar Clickable Icons Hover/Active*/ .status-bar-item.mod-clickable:hover { color: var(--text-accent); box-shadow: 0 0 0.5em var(--text-accent); } .status-bar-item.mod-clickable:active, .status-bar-item.plugin-obsidian-languagetool-plugin:active { color: var(--text-accent); background-color: var(--color-accent-active); box-shadow: 0 0 0.3em var(--color-accent-active); } .status-bar-item.plugin-obsidian-languagetool-plugin:hover { color: var(--text-accent); background: var(--text-selection); box-shadow: 0 0 0.3em var(--text-accent); } /*======================== Scrollbar ========================*/ /*Scrollbar Hover*/ body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover { background: var(--color-accent-active); background-clip: padding-box; } /*Scrollbar Active*/ body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active { background: var(--text-accent); background-clip: padding-box; } /*======================== Note Editor ========================*/ .cm-lineNumbers .cm-gutterElement { text-align: center !important; } .markdown-source-view.mod-cm6 .cm-gutters .cm-lineNumbers .cm-gutterElement.cm-active { color: var(--text-accent); background: var(--text-selection); border-radius: var(--radius-s); padding-left: 3px; border-image-slice: 1; border-left: 2px solid; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); border-right: 2px solid; } body:not(.line-active-disable) .markdown-source-view .cm-scroller .cm-line { padding-left: 5px; padding-right: 5px; } /*Active Line Highlight*/ body:not(.line-active-disable) .markdown-source-view .cm-scroller .cm-line.cm-active:not(:has(.mk-note-footer, .mk-floweditor-container)) { background: var(--text-selection); border-radius: var(--radius-s); border-image-slice: 1; border-top: 2px solid; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 2px solid; } /*Hover Line Highlight*/ .markdown-source-view.mod-cm6 .cm-line:hover { background: var(--text-selection); border-radius: var(--radius-s); opacity: 0.85; } /*================ Dragging Ghost ===================*/ .drag-ghost, .drag-ghost-action { backdrop-filter: blur(5px) saturate(120%) !important; border-image-slice: 1; border-image-source: linear-gradient(to left, transparent, var(--text-accent), transparent); border-top: 2px solid; border-bottom: 2px solid; } .drag-ghost-self { background-color: transparent; } /*================ SidePanel =================*/ body:not(.is-grabbing) .tree-item-self.is-clickable:hover{ background-color: var(--custom-acc-hover); border-image-source: linear-gradient(to right, transparent, var(--custom-acc-text), transparent); } /*Removes bottom resize seperation */ .workspace-split.mod-horizontal>*>.workspace-leaf-resize-handle { border-bottom: 0px; } /*Edits and Styles Visible Seperation Resize left and right*/ .workspace-split.mod-left-split>.workspace-leaf-resize-handle, .workspace-split.mod-vertical>*>.workspace-leaf-resize-handle { border-right: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent); height: 95%; } .workspace-split.mod-right-split>.workspace-leaf-resize-handle { border-left: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent); height: 95%; } /*Add Styling to Resize Handle*/ .workspace-leaf-resize-handle:hover, .pdf-sidebar-resizer:hover, .surfing_root_3FoL3a { background: var(--text-accent); box-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 35px var(--text-accent); } /*Minor Spacing*/ body:not(.is-mobile) .workspace-split.mod-left-split, body:not(.is-mobile) .workspace-split.mod-right-split { padding-right: 2px; padding-left: 1px; } /*Navigation Bottom Style*/ .nav-header { border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 3px solid; } /*Unifies the right side pane background*/ .workspace-split.mod-right-split .workspace-tabs .node-insert-event{ background-color: var(--background-primary); } /*------------ SidePanel: Files --------------*/ /*Drop line Styled with spaces*/ .nav-folder.mod-root .nav-folder>.nav-folder-children { padding-left: 3px; border-left: 2px outset var(--custom-acc-faint); } /*Nav File Active Stying*/ .nav-file-title.is-active { color: var(--custom-acc-text); border-image-slice: 1; border-top: 2px solid; border-image-source: linear-gradient(to right, transparent, var(--custom-acc-text), transparent); border-bottom: 2px solid; background-color: var(--custom-acc-back); } /*Add Bottom Styling for Navigator*/ body:not(.is-mobile) .workspace-leaf-content>.nav-header+*, .search-result-container.mod-global-search { border-bottom: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*Sets correct background to r/l sidepanels*/ .node-insert-event, iframe, .surfing_app_zUmbJa { background-color: var(--background-primary); } /*SidePanel Tree Tags to the right*/ .nav-file-title-content, .nav-folder-title-content { flex: 1 1 auto; } /*Adds spacing to pane items for style */ .tree-item-self.is-clickable { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } /*Styles Hover for Pane Items */ .tree-item-self.is-clickable:hover,.suggestion-item.is-selected:not(.mod-group):hover { color: var(--text-accent); border-image-slice: 1; border-top: 1px solid; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 1px solid; } body:not(.is-grabbing) .tree-item-self.is-being-dragged:hover .tree-item-icon, .tree-item-self.is-being-dragged .tree-item-icon { color: var(--text-accent); } /*Styles Active and Dragged for Pane Items */ .tree-item-self.is-clickable:active, body:not(.is-grabbing) .tree-item-self.is-being-dragged:hover, .tree-item-self.is-being-dragged { background-color: var(--color-accent-active); color: var(--text-accent); border-image-slice: 1; border-top: 1px solid; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 1px solid; } /*Fixes Incorrect text coloring*/ .backlink-pane>.tree-item-self, .outgoing-link-pane>.tree-item-self, .backlink-pane>.tree-item-self.is-collapsed, .outgoing-link-pane>.tree-item-self.is-collapsed, .search-empty-state { color: var(--custom-acc-faint); } /*------------ SidePanel: Search --------------*/ /*Style Loading bar*/ .search-result-container.is-loading:before { border-radius: 10px; box-shadow: 0 0 0.5em var(--text-accent); } /*Styles Result File Dropdown matches*/ .search-result-file-matches { color: var(--text-accent); background: var(--text-selection); box-shadow: 0 0 0 transparent; border-image-slice: 1; border-top: 1px solid; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 1px solid; } /*Style Bottom Seperation for Search*/ .search-results-info { border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 1px solid; } /*Styles seperation line*/ .search-result-file-match { border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 1px solid; } /*Fixes hover text of search results*/ .search-result-file-match:hover { color: var(--text-accent); } /*Fixes coloring of clear*/ .search-input-clear-button { color: var(--text-faint); height: 20px; } /*Style Hovering/Active of clear*/ .search-input-clear-button:hover { color: var(--text-accent); background: var(--text-selection); border-radius: var(--radius-s); } .search-input-clear-button:active { color: var(--text-accent); background-color: var(--color-accent-active); border-radius: var(--radius-s); } /*corrects active coloring for icons*/ .input-right-decorator.clickable-icon.is-active{ background: var(--color-accent-active); } .input-right-decorator.clickable-icon.is-active:hover{ background: var(--text-selection); } /*Dropdown highlight when hovered*/ .tree-item .tree-item-self .tree-item-icon:hover { background-color: var(--text-selection); border-radius: var(--radius-s); } .tree-item .tree-item-self .tree-item-icon:active { border-radius: var(--radius-s); background-color: var(--color-accent-active); } /*Changes Tags height and background*/ body:not(.is-mobile) .tag-container { background: var(--background-primary); height: 100%; padding-top: 2%; } /*Search row Header*/ .search-row { margin: 0px; padding: var(--size-4-2); border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 1px solid; } /*Search info header*/ .search-results-info { margin: 0px; padding: var(--size-4-1) var(--size-4-2) var(--size-4-1); } /*Search parameter Headers*/ .search-params { padding: var(--size-4-1) var(--size-4-4); margin: 0px; background: var(--background-tertiary); border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 1px solid; } /*Sidepanel Search Suggestion Style*/ .suggestion-container.mod-search-suggestion .suggestion{ border-image-slice: 1; border-left: 2px solid; border-right: 2px solid; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); background-color: var(--background-settings); } .suggestion-container.mod-search-suggestion{ border-color:transparent; } /*Sidepanel Search Suggestion items Style*/ .search-suggest-item.suggestion-item{ border-top: 1px solid transparent; border-bottom: 1px solid transparent; } /*Sidepanel Search Suggestion items Style on hover*/ .search-suggest-item.suggestion-item:hover:not(.mod-group){ border-image-slice: 1; border-top: 1px solid; border-bottom: 1px solid; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); background-color: var(--text-selection); } /*Sidepanel Search Suggestion items Style on active*/ .search-suggest-item.suggestion-item:active{ border-image-slice: 1; border-top: 2px solid; border-bottom: 2px solid; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); background-color: var(--color-accent-active); } .list-item-part.clickable-icon:active{ background-color: var(--color-accent-active); } /*Fixes bad padding from Vanilla*/ .search-suggest-item.mod-group:not(:first-child){ border-bottom: transparent ; padding: 3px 6px 3px 14px; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*------------------- Title bar: Tabs Stacked --------------*/ /*Stacked Tabs text Readable*/ .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-title { text-orientation: upright; letter-spacing: -3px; text-transform: uppercase; } /*Stacked active tab highlight*/ .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active { background-color: var(--tab-background-active); } /*Stacked Tab Style*/ .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header { --webkit-backdrop-filter: blur 120px; backdrop-filter: blur(18px); border-radius: 0px; width: var(--GC-stacked-width); box-shadow: none; } .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:hover { background-color: var(--tab-background-active); --webkit-backdrop-filter: blur 120px; } /*=============== Side Dock ================*/ /*Centers and adds Styles for Tab Headers*/ .mod-left-split .workspace-tab-header-container-inner, .mod-right-split .workspace-tab-header-container-inner { width: 100%; justify-content: center; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 2px solid; } /*Corrects Position of Custom Sidebar toggle*/ .workspace-ribbon .sidebar-toggle-button { margin: 5px 2px 0px 3px; } /*Displays Full Custom Toggle*/ .sidebar-toggle-button { align-items: center; padding: 0 0 0 0; } /*Hover Highlight for Custom Toggle*/ body.is-hidden-frameless .sidebar-toggle-button.mod-left:hover { background: var(--text-selection); border-radius: 5px; border-image-slice: 1; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); border-left: 2px solid; border-right: 2px solid; } /*Active Highlight for Custom Toggle*/ body.is-hidden-frameless .sidebar-toggle-button.mod-left:active { background: var(--color-accent-active); border-radius: 5px; border-image-slice: 1; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); border-left: 2px solid; border-right: 2px solid; } body:not(.is-hidden-frameless) .sidebar-toggle-button { margin-top: 1px; } /*Sidebar Stylings*/ .workspace-ribbon.side-dock-ribbon { flex: 0 0 50px; border-image-slice: 1; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); border-left: 2px solid; border-right: 2px solid; margin-top: 45px; } /*Removed L-Side toggle seperator and background*/ .workspace-ribbon.mod-left:before { border-bottom: var(--tab-outline-width) solid transparent; background-color: transparent; } /*Sidepanel Nav Button Spacing*/ .clickable-icon.nav-action-button{ border-right: 1px solid transparent; border-left: 1px solid transparent; } /*Sidepanel Nav Button Spacing*/ .clickable-icon.nav-action-button:hover{ background: var(--tab-background-active); box-shadow: 0 0 0 transparent; border-image-slice: 1; border-right: 1px solid; border-left: 1px solid; border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent); } /*Clickable Menu Button Style*/ .clickable-icon.has-active-menu{ box-shadow: 0 0 0 transparent; border-image-slice: 1; border-right: 1px solid; border-left: 1px solid; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); } /*Clickable button when active*/ .clickable-icon.nav-action-button:active{ background-color: var(--tab-background-clicked); box-shadow: 0 0 0 transparent; border-image-slice: 1; border-right: 2px solid; border-left: 2px solid; border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent); } /*Animation for clickables like buttons, tabs, files etc*/ @keyframes hover { from { transform: scale(100%); } to { transform: scale(105%); } } .clickable-icon:not(.input-right-decorator):hover, .markdown-rendered button.copy-code-button:hover, .mod-left-split .workspace-tab-header:hover, .mod-right-split .workspace-tab-header:hover, .mod-windows .titlebar-button:hover, .modal-close-button { animation: hover 0.2s forwards; } @keyframes pressed { 0%{ transform: scale(1.05);} 50% { transform: scale(0.95);} 100% { transform: scale(1); } } .clickable-icon:not(.input-right-decorator):active, .markdown-rendered button.copy-code-button:active, .mod-left-split .workspace-tab-header:active, .mod-right-split .workspace-tab-header:active, .mod-windows .titlebar-button:active,.modal-close-button:active{ animation: pressed 0.3s forwards; } @keyframes bighover { from { transform: scale(1); } to { transform: scale(1.025); } } .setting-item.setting-item-heading.style-settings-heading:hover,.mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:hover, .tree-item-self.is-clickable:hover, .menu-item:hover, .vertical-tab-nav-item:hover, .community-item:hover{ animation: bighover 0.2s forwards; } @keyframes bigpressed { 0%{ transform: scale(1.025);} 50% { transform: scale(0.975);} 100% { transform: scale(1); } } .setting-item.setting-item-heading.style-settings-heading:active, .mod-root .workspace-tab-header:not(.mod-stacked):active, .tree-item-self.is-clickable:active, .menu-item:active, .suggestion-item.mod-complex:not(.mod-group):active, .vertical-tab-nav-item:active, .community-item:active{ animation: bigpressed 0.3s forwards; } /*Top Panes Rounded*/ .workspace-tabs.mod-top .workspace-leaf{ border-radius: 5px 5px 0px 0px; } /*Custom Styled L-Sidebar Toggle*/ .is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon, body:not(.is-tablet) .is-mobile .view-header-nav-buttons, .is-mobile .mod-left-split-toggle, body.is-tablet .sidebar-toggle-button.mod-left>.clickable-icon { color: transparent; background-repeat: no-repeat; background-position: center; background-size: 100%; border-radius: 8px; background-color: var(--text-accent); background-blend-mode: luminosity; padding: 0px 0px 18px 18px; } /*Displays Custom Sidebar Toggle*/ .CG-MObsidian-sbt.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon, .is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon, body:not(.is-tablet) .CG-MObsidian-sbt.is-mobile .view-header-nav-buttons, body:not(.is-tablet) .is-mobile .view-header-nav-buttons, .is-mobile .mod-left-split-toggle, .CG-MObsidian-sbt.is-mobile .mod-left-split-toggle, body.is-tablet .CG-MObsidian-sbt.sidebar-toggle-button.mod-left>.clickable-icon, body.is-tablet .sidebar-toggle-button.mod-left>.clickable-icon, .CG-MObsidian-sbt .titlebar-button-container.mod-left { background-image: var(--New-Obsidiantoggle); } body.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left{ color: transparent; border-radius: 5px; background-repeat: no-repeat; background-position: center; background-size: 100%; background-color: var(--text-selection); background-blend-mode:overlay; width: 32px; margin-left: 9px; } body.is-frameless:not(.is-hidden-frameless) .titlebar-button.mod-logo{ margin-right:0px; } body.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover { color: transparent; background-repeat: no-repeat; border-radius: 6px; background-position: center; background-size: 100%; background-color: var(--text-accent); background-blend-mode: luminosity; width: 32px; } /*Removes default logo*/ body:not(.is-hidden-frameless) svg.logo-full { display: none; } /*Classic Obsidian header*/ .CG-Obsidian-sbt.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon, body:not(.is-tablet) .CG-Obsidian-sbt .is-mobile .view-header-nav-buttons, .CG-Obsidian-sbt.is-mobile .mod-left-split-toggle,body.is-tablet .CG-Obsidian-sbt.sidebar-toggle-button.mod-left>.clickable-icon, .CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left{ background-size: 90%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='150%' height='150%' class='logo-full'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='82.85' y1='30.41' x2='51.26' y2='105.9' gradientTransform='matrix(1, 0, 0, -1, -22.41, 110.97)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%236c56cc'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%239785e5'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='62.61,0 30.91,17.52 18,45.45 37.57,90.47 65.35,100 70.44,89.8 81,26.39 62.61,0' fill='%2334208c'%3E%3C/polygon%3E%3Cpolygon points='81,26.39 61.44,14.41 34.43,35.7 65.35,100 70.44,89.8 81,26.39' fill='url(%23a)'%3E%3C/polygon%3E%3Cpolygon points='81,26.39 81,26.39 62.61,0 61.44,14.41 81,26.39' fill='%23af9ff4'%3E%3C/polygon%3E%3Cpolygon points='61.44,14.41 62.61,0 30.91,17.52 34.43,35.7 61.44,14.41' fill='%234a37a0'%3E%3C/polygon%3E%3Cpolygon points='34.43,35.7 37.57,90.47 65.35,100 34.43,35.7' fill='%234a37a0'%3E%3C/polygon%3E%3C/svg%3E"); background-color: transparent; background-blend-mode: normal; } .CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left, .CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover { background-size: 80%; background-color: transparent; } .CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover { background-color: var(--text-accent); background-blend-mode: luminosity; } /*New Obsidian Cat 1 header*/ .CG-Sandy-sbt.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon, body:not(.is-tablet) .CG-Sandy-sbt.is-mobile .view-header-nav-buttons, .CG-Sandy-sbt.is-mobile .mod-left-split-toggle, body.is-tablet .CG-Sandy-sbt.sidebar-toggle-button.mod-left>.clickable-icon, .CG-Sandy-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left { background-size: 100%; background-image: url("https://github.com/ArtexJay/Obsidian-CyberGlow/blob/main/Resources/ObsidianCat1.png?raw=true"); } /*New Obsidian Cat 2 header*/ .CG-Blaze-sbt.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon, body:not(.is-tablet) .CG-Blaze-sbt.is-mobile .view-header-nav-buttons, .CG-Blaze-sbt.is-mobile .mod-left-split-toggle, body.is-tablet .CG-Blaze-sbt.sidebar-toggle-button.mod-left>.clickable-icon, .CG-Blaze-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left { background-size: 106%; background-image: url("https://github.com/ArtexJay/Obsidian-CyberGlow/blob/main/Resources/blaze.jpg?raw=true"); } .CG-Blaze-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover { background-size: 106%; background-color: var(--text-accent); background-blend-mode: luminosity; } /*Custom header*/ .CG-Custom-sbt.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon, body:not(.is-tablet) .CG-Custom-sbt.is-mobile .view-header-nav-buttons, .CG-Custom-sbt.is-mobile .mod-left-split-toggle, body.is-tablet .CG-Custom-sbt.sidebar-toggle-button.mod-left>.clickable-icon, .CG-Custom-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left { background-size: 115%; background-image: var(--CG-workspace-custom-sbt); } .CG-Custom-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover { background-size: 115%; background-color: var(--text-accent); background-blend-mode: luminosity; } /*================ Popover ==============*/ /*Style Tooltip and Notice*/ .tooltip, .notice, .suggestion-container { color: var(--text-accent); backdrop-filter: blur(5px) saturate(120%); border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-top: 2px solid; border-bottom: 2px solid; } /*Removes Tooltip Arrow*/ .tooltip .tooltip-arrow { display: none; } /*============ Prompt =================*/ /*Prompt Style*/ .prompt { background: var(--background-settings); backdrop-filter: blur(5px) saturate(120%) !important; border-image-slice: 1; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); border-right: 3px solid; border-left: 3px solid; } /*Prompt Item Style*/ .suggestion-item { color: var(--text-faint); border-top: 1px solid transparent; border-bottom: 1px solid transparent; } /*Prompt Tag Color Fixed*/ .suggestion-item.mod-complex .suggestion-hotkey { background-color: var(--background-modifier-hover); } /*Prompt Input*/ input.prompt-input { border-radius: 5px; margin: 5px; background: var(--background-settings-2); padding: 10px; } /*=============== Callouts ================*/ .markdown-rendered cite { font-family: var(--CG-cite-font); font-size: 2.75em; display: block; text-align: right; font-style: normal; } /*Callout Style*/ .callout { background: var(--background-settings-2); border-radius: 5px; opacity: 0.85; border-image-slice: 1; border-top: 2px solid; border-image-source: linear-gradient(to right, transparent, rgb(var(--callout-color)), transparent); border-bottom: 2px solid; background-color: rgba(var(--callout-color), 0.3); } /*Callout Cursor Change*/ .callout.is-collapsible .callout-title { cursor: var(--cursor-link); } /*Callout Hover Style*/ .callout:hover { background-color: rgba(var(--callout-color), 0.4); } .callout:active { background-color: rgba(var(--callout-color), 0.5); } /*--------------Code Blocks Copy Button-------------------*/ /*Styles code copy button*/ .markdown-rendered button.copy-code-button { background: var(--interactive-normal); border-radius: 3px; display: inline !important; padding: 2px 6px; background-color: transparent; } /*Styles code copy button active*/ .markdown-rendered button.copy-code-button:active { background: var(--color-accent-active); } /*Moves up code flair*/ .markdown-source-view.mod-cm6 .code-block-flair { top: 5px; height:26px; } .code-block-flair{ display:flex; } /* set up to replace copy button text */ .markdown-rendered button.copy-code-button { font-size: 0px; } .copy-code-button::after { font-size: var(--font-ui-smaller); } /* list of text replacements */ .language-java>.copy-code-button::after { content: "Java"; } .language-javascript>.copy-code-button::after, .language-js>.copy-code-button::after { content: "JavaScript"; } .language-html>.copy-code-button::after { content: "HTML"; } .language-typescript>.copy-code-button::after, .language-ts>.copy-code-button::after { content: "TypeScript"; } .language-css>.copy-code-button::after { content: "CSS"; } .language-cpp>.copy-code-button::after { content: "C++"; } .language-c>.copy-code-button::after { content: "C"; } .language-sql>.copy-code-button::after { content: "SQL"; } .language-shell>.copy-code-button::after { content: "Shell"; } .language-terminal>.copy-code-button::after { content: "Terminal"; } .language-python>.copy-code-button::after { content: "Python"; } .language-react>.copy-code-button::after { content: "React"; } .language-json>.copy-code-button::after { content: "JSON"; } .language-rman>.copy-code-button::after { content: "RMAN"; } .copy-code-button::after { content: "Copy"; } /*================ Graph ===================*/ /*Graph Pane Style*/ .workspace-split.mod-left-split .view-content, .workspace-split.mod-right-split .view-content { border-image-slice: 1; border-image-source: linear-gradient(to right, var(--background-tertiary), var(--text-accent), var(--background-tertiary)); border-bottom: 2px solid; } /*Styles Graph Controls*/ .graph-controls, .graph-controls.is-close, .graph-controls:not(.is-close), .workspace-split:not(.mod-root) .graph-controls.is-close { background: var(--background-settings-alt); backdrop-filter: blur(5px) saturate(120%); padding: 2px; border-image-slice: 1; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); border-right: 1px solid; border-left: 1px solid; } /*Buttons Spacing*/ .graph-controls-button { padding: 5px; border-radius: 5px; } .graph-controls .setting-item { padding: 7px; } /*Hover Graph Control Items*/ .tree-item-self:hover { background: var(--text-selection); } /*Active Graph Control Items*/ .tree-item-self:active { background: var(--color-accent-active); } body:not(.is-grabbing) .tree-item-self.is-clickable:active { background-color: var(--custom-acc-active); } /*Spacing for Graph Control Items*/ .graph-control-section>.tree-item-self { padding-left: 10px; } /*Readjusts item width*/ .graph-control-section.mod-filter>.tree-item-self { margin-right: 25%; } /*Removes border*/ .graph-control-section { border-bottom: none; } .graph-control-section-header { color: var(--text-accent); } /*============== Tables ================*/ /*Add Glow Effect to Table and centers table*/ .markdown-rendered table { box-shadow: 0em 0em 1em 0.2em var(--text-accent), inset 0em 0em 3em var(--text-accent); margin-inline: auto; } /*Accent's Table*/ .markdown-rendered td, .markdown-rendered th, .markdown-rendered thead tr>* { border: 1px solid var(--text-accent) !important; max-width: var(--table-column-max-width); } /*=============== Heading Styling ==========================*/ /* Heading Line Reader */ .markdown-preview-view hr { margin-block-start: 3em; border: solid 0px transparent; height: 0; border-bottom: 2.25px solid; border-image-slice: 1; border-image: linear-gradient(to left, transparent, var(--text-accent) 45%, transparent 45%, transparent 55%, var(--text-accent) 5%, transparent) 3; text-align: -webkit-center; margin-block-end: 2.5em; } /* Heading Line Preview */ .hr.cm-line hr { margin-block-start: 2em; margin-block-end: 0.8em; border-top: 2.25px solid !important; border-image-slice: 1; border-width: 1px; text-align: -webkit-center; border-image: linear-gradient(to left, transparent, var(--text-accent) 45%, transparent 45%, transparent 55%, var(--text-accent) 5%, transparent) 3; } /*New Default CyberGlow Heading*/ .CG-NewObsidian-hr .markdown-preview-view hr::after, body:not(.CG-OG-hr, .CG-Hyrule-hr, .CG-Apple-hr, .CG-Windows-hr, .CG-Lorule-hr, .CG-ClassicObsidian-hr) .markdown-preview-view hr::after { content: ' '; -webkit-mask-image: var(--newoutlined-logo); -webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat; display: inline-block; background-color: var(--text-accent); position: absolute; transform: translate(-45%, -50%); padding: 1rem; } .CG-NewObsidian-hr .hr.cm-line hr::after, body:not(.CG-OG-hr, .CG-Hyrule-hr, .CG-Apple-hr, .CG-Windows-hr, .CG-Lorule-hr, .CG-ClassicObsidian-hr) .hr.cm-line hr::after { content: ' '; -webkit-mask-image: var(--newoutlined-logo); -webkit-mask-size: 80%; -webkit-mask-repeat: no-repeat; display: inline-block; background-color: var(--text-accent); position: absolute; transform: translate(-40%, -33%); padding: 1rem; } /*Classic Obsidian Logo Heading*/ .CG-ClassicObsidian-hr .markdown-preview-view hr::after { content: ' '; -webkit-mask-image: var(--outlined-logo); -webkit-mask-size: 65%; -webkit-mask-repeat: no-repeat; display: inline-block; background-color: var(--text-accent); position: absolute; transform: translate(-35%, -50%); padding: 1rem; } .CG-ClassicObsidian-hr .hr.cm-line hr::after{ content: ' '; -webkit-mask-image: var(--outlined-logo); -webkit-mask-size: 60%; -webkit-mask-repeat: no-repeat; display: inline-block; background-color: var(--text-accent); position: absolute; transform: translate(-30%, -35%); padding: 1rem; } /*Custom Heading Shiekal*/ .CG-OG-hr .markdown-preview-view hr::after { content: '₪'; display: inline-block; font-size: 1.65rem; position: absolute; left: 50%; transform: translate(-50%, -50%); transform-origin: 5% 50%; padding: 0.5rem; color: #E69900; text-shadow: 0 0 5px #ffaa00, 0 0 10px #ffaa00, 0 0 20px #ffaa00, 0 0 40px #ffaa00, 0 0 80px #ffaa00; } .CG-OG-hr .hr.cm-line hr::after { content: '₪'; display: inline-block; font-size: 1.65rem; position: absolute; transform: translate(-50%, -50%); transform-origin: 5% 50%; margin-top: -0.2rem; color: #E69900; text-shadow: 0 0 5px #ffaa00, 0 0 10px #ffaa00, 0 0 20px #ffaa00, 0 0 40px #ffaa00, 0 0 80px #ffaa00; } /*Custom Heading Hyrule*/ .CG-Hyrule-hr .markdown-preview-view hr::after { content: ' '; -webkit-mask-image: url('https://upload.wikimedia.org/wikipedia/fr/e/ec/The_Legend_of_Zelda.svg'); -webkit-mask-size: 105%; -webkit-mask-repeat: no-repeat; display: inline-block; background-color: var(--text-accent); position: absolute; transform: translate(-52%, -35%); padding: 2rem; } .CG-Hyrule-hr .hr.cm-line hr::after { content: ' '; -webkit-mask-image: url('https://upload.wikimedia.org/wikipedia/fr/e/ec/The_Legend_of_Zelda.svg'); -webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat; display: inline-block; background-color: var(--text-accent); position: absolute; transform: translate(-50%, -35%); padding: 1.75rem; } /*Custom Heading Apple*/ .CG-Apple-hr .markdown-preview-view hr::after { content: ' '; -webkit-mask-image: url('https://api.iconify.design/mdi/apple.svg'); -webkit-mask-size: 109%; -webkit-mask-repeat: no-repeat; display: inline-block; background-color: var(--text-accent); position: absolute; transform: translate(-50%, -55%); padding: 1rem; } .CG-Apple-hr .hr.cm-line hr::after { content: ' '; -webkit-mask-image: url('https://api.iconify.design/mdi/apple.svg'); -webkit-mask-size: 120%; -webkit-mask-repeat: no-repeat; display: inline-block; background-color: var(--text-accent); position: absolute; transform: translate(-58%, -45%); padding: 1rem; } /*Custom Heading Microsoft*/ .CG-Windows-hr .markdown-preview-view hr::after { content: ' '; -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M0 0v11.408h11.408V0zm12.594 0v11.408H24V0zM0 12.594V24h11.408V12.594zm12.594 0V24H24V12.594z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 65%; -webkit-mask-repeat: no-repeat; display: inline-block; background-color: var(--text-accent); position: absolute; transform: translate(-35%, -50%); padding: 1rem; } .CG-Windows-hr .hr.cm-line hr::after { content: ' '; -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M0 0v11.408h11.408V0zm12.594 0v11.408H24V0zM0 12.594V24h11.408V12.594zm12.594 0V24H24V12.594z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 80%; -webkit-mask-repeat: no-repeat; display: inline-block; background-color: var(--text-accent); position: absolute; transform: translate(-35%, -30%); padding: 1rem; } /*Custom Heading Lorule*/ .CG-Lorule-hr .markdown-preview-view hr::after { content: ' '; -webkit-mask-image: url('https://upload.wikimedia.org/wikipedia/commons/e/ef/Lorule_Crest.svg'); -webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat; display: inline-block; background-color: var(--text-accent); position: absolute; transform: translate(-50%, -30%); padding: 2.25rem; } .CG-Lorule-hr .hr.cm-line hr::after { content: ' '; -webkit-mask-image: url('https://upload.wikimedia.org/wikipedia/commons/e/ef/Lorule_Crest.svg'); -webkit-mask-size: 103%; -webkit-mask-repeat: no-repeat; display: inline-block; background-color: var(--text-accent); position: absolute; transform: translate(-50%, -30%); padding: 1.75rem; } /*----------------- Menu --------------------*/ /*Removes Unneeded Menu Seperator*/ .menu-separator { display: none; } /*Removes disabled (greyed out) items until they are enabled*/ .menu-item.is-disabled { display: none; } /*Adds Styling to Menu Dropdown*/ .menu { background: var(--background-settings); backdrop-filter: blur(5px) saturate(120%) !important; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-top: 2px solid; border-bottom: 2px solid; } /*Colors Menu Text*/ .menu-item, .menu-item-icon { color: var(--text-faint); } /*Adds some spacing for the items*/ .menu-item { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } /*Colors Menu Text on hover*/ .menu-item:hover, .menu-item-icon:hover, .menu-item.selected { color: var(--text-accent); border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-top: 1px solid; border-bottom: 1px solid; } /*Fixes Highlight Issue for Icons in Menu*/ .menu-item:hover .menu-item-icon, .menu-item.selected .menu-item-icon { border: none; background: transparent; color: var(--text-accent); } /*Colors Menu Text on active*/ .menu-item:active, .menu-item:active:not(.is-disabled):not(.is-label) { color: var(--text-accent); background-color: var(--color-accent-active); } /*Displays Red for Permanent Deletion */ .menu-item.is-warning { background-color: var(--background-close); color: var(--text-close-color); margin-top: 5px; } .menu-item.is-warning .menu-item-icon { color: var(--text-close-color); } /*Styling on Warning active*/ .menu-item.is-warning:active { background: var(--background-close-active) !important; color: var(--text-accent); } /*Resolves Styling on Warning Hover*/ .menu-item.is-warning:hover, .menu-item.is-warning.selected, .menu-item:hover.is-warning:not(.is-disabled):not(.is-label), .menu-item.selected.is-warning:not(.is-disabled):not(.is-label) { color: var(--text-close-color); background: var(--background-close-hover); border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-close-color), transparent); border-top: 1px solid; border-bottom: 1px solid; } .menu-item.is-warning.selected .menu-item-icon { color: var(--text-close-color); } .clickable-icon:active { background-color: var(--tab-background-clicked); } /*================== Headers ======================*/ /*Centered Header 1*/ .markdown-preview-section h1, .cm-header-1, .markdown-rendered h1 { font-family: var(--title-heading); text-align: center; } /*Headers Styling Preview/Source*/ .cm-s-obsidian .HyperMD-header-2, .cm-s-obsidian .HyperMD-header-3, .cm-s-obsidian .HyperMD-header-4, .cm-s-obsidian .HyperMD-header-5, .cm-s-obsidian .HyperMD-header-6, .metadata-properties-heading { padding: 15px 0px 0px 0px !important; position: relative; border-bottom: 2px solid; border-image-slice: 1; } /*Headers Styling Read*/ .markdown-preview-view h2, h2, .markdown-preview-view h3, h3, .markdown-preview-view h4, h4, .markdown-preview-view h5, h5, .markdown-preview-view h6, h6 { padding-bottom: 5px; border-bottom: 2px solid; border-image-slice: 1; } /*Glow for Heading 1*/ .cm-header-1:not(.cm-formatting), h1, .metadata-properties-heading { text-shadow: 0 0 5px var(--h1-glow), 0 0 10px var(--h1-glow), 0 0 20px var(--h1-glow), 0 0 40px var(--h1-glow), 0 0 80px var(--h1-glow); } /*Glow and Colors for Heading 2*/ .cm-s-obsidian .HyperMD-header-2, .markdown-preview-view h2, h2 { border-image-source: linear-gradient(to right, var(--h2-glow), transparent); text-shadow: 0 0 5px var(--h2-glow), 0 0 10px var(--h2-glow), 0 0 20px var(--h2-glow), 0 0 35px var(--h2-glow); } /*Glow and Colors for Heading 3*/ .cm-s-obsidian .HyperMD-header-3, .markdown-preview-view h3, h3 { border-image-source: linear-gradient(to right, var(--h3-glow), transparent); text-shadow: 0 0 5px var(--h3-glow), 0 0 10px var(--h3-glow), 0 0 20px var(--h3-glow), 0 0 35px var(--h3-glow); color: var(--text-normal); } /*Glow and Colors for Heading 4*/ .cm-s-obsidian .HyperMD-header-4, .markdown-preview-view h4, h4 { border-image-source: linear-gradient(to right, var(--h4-glow), transparent); text-shadow: 0 0 5px var(--h4-glow), 0 0 10px var(--h4-glow), 0 0 20px var(--h4-glow), 0 0 35px var(--h4-glow); color: var(--text-normal); } /*Glow and Colors for Heading 5*/ .cm-s-obsidian .HyperMD-header-5, .markdown-preview-view h5, h5 { border-image-source: linear-gradient(to right, var(--h5-glow), transparent); text-shadow: 0 0 5px var(--h5-glow), 0 0 10px var(--h5-glow), 0 0 20px var(--h5-glow), 0 0 35px var(--h5-glow); color: var(--text-normal); } /*Glow and Colors for Heading 6*/ .cm-s-obsidian .HyperMD-header-6, .markdown-preview-view h6, h6 { border-image-source: linear-gradient(to right, var(--h6-glow), transparent); text-shadow: 0 0 5px var(--h6-glow), 0 0 10px var(--h6-glow), 0 0 20px var(--h6-glow), 0 0 35px var(--h6-glow); color: var(--text-normal); } /*Return of Heading numbers Styled*/ :not(.cm-active).cm-line span:not(.cm-formatting-header):not(.cm-hashtag):not(.cm-inline-code):not(.cm-highlight).cm-header::before { font-size: 0.7rem; margin-right: 5px; font-weight: bold; } /*Removes redundant heading number for links and tags*/ .mod-cm6.is-live-preview div:not(.cm-active).cm-line .cm-header~span.cm-header::before, .mod-cm6.is-live-preview div:not(.cm-active).cm-line .cm-header.cm-hmd-internal-link::before { display: none; } /*Sets content for heading numbers h1-h6*/ body:not(.mini-header-hide) :not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-1::before { content: 'H1'; margin-top: calc(var(--h1-size) - 0.1em); } body:not(.mini-header-hide) :not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-2::before { content: 'H2'; margin-top: calc(var(--h2-size) - 0.2em); } body:not(.mini-header-hide) :not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-3::before { content: 'H3'; margin-top: calc(var(--h3-size) - 0.2em); } body:not(.mini-header-hide) :not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-4::before { content: 'H4'; margin-top: calc(var(--h4-size) - 0.3em); } body:not(.mini-header-hide) :not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-5::before { content: 'H5'; margin-top: calc(var(--h5-size) - 0.4em); } body:not(.mini-header-hide) :not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-6::before { content: 'H6'; margin-top: calc(var(--h6-size) - 0.4em); } /*------------------- Buttons and dropdowns ---------------------*/ /*Button and Dropdown Styling*/ button:not(.clickable-icon):not(.markdown-rendered button.copy-code-button), .dropdown, .search-results-info .dropdown, .style-settings-export, .style-settings-import, .metadata-container .metadata-add-button { color: var(--text-accent); box-shadow: 0 0 0.2em var(--text-accent); background-color: var(--interactive-normal); border-image-slice: 1; border-top: 3px solid; border-bottom: 3px solid; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*Button and Dropdown hover Styling*/ button:not(.clickable-icon):not(.markdown-rendered button.copy-code-button):hover, .dropdown:hover, .style-settings-export:hover, .style-settings-import:hover, .metadata-container .metadata-add-button:hover { background-color: var(--text-selection); box-shadow: 0 0 0.5em var(--text-accent); } /*Button and Dropdown active Styling*/ button:not(.clickable-icon):not(.markdown-rendered button.copy-code-button):active, .dropdown:focus, .style-settings-export:active, .style-settings-import:active, .metadata-container .metadata-add-button:active { background-color: var(--color-accent-active); box-shadow: 0 0 0.9em var(--text-accent); } /*Search dropdown*/ .search-results-info .dropdown { text-align-last: center; max-width: 50%; } /*Adds padding and reduces size for Style Settings Ex/Import*/ .style-settings-export, .style-settings-import { font-size: small; padding: 3px; } /*Hides Disabled buttons*/ .clickable-icon[aria-disabled='true'] { visibility: hidden; } /*Adds hover Settings small buttons*/ .setting-editor-extra-setting-button:hover { color: var(--activetab-highlight); } /*------------ Settings: Close Buttons --------------------*/ /*Close Button on Hover*/ .modal-close-button:hover, .document-search-close-button:hover, a.kanban-plugin__search-cancel-button.clickable-icon:hover, a.kanban-plugin__item-postfix-button.is-enabled.clickable-icon:hover, .graph-controls:not(.is-close) .graph-controls-button.mod-close:hover, .workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button:hover, .multi-select-pill-remove-button:hover{ color: var(--text-close-color); background-color: var(--background-close-hover); } /*Close Button on active*/ .modal-close-button:active, .document-search-close-button:active, a.kanban-plugin__search-cancel-button.clickable-icon:active, a.kanban-plugin__item-postfix-button.is-enabled.clickable-icon:active, .multi-select-pill-remove-button:active, .workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button:active, .graph-controls:not(.is-close) .graph-controls-button.mod-close:active { color: var(--text-close-color); background-color: var(--background-close-active); } /*Pinned Tab*/ .mod-root .mod-pinned:hover { background-color: var(--background-modifier-hover); } /*================= Settings ====================*/ /*Style Left Panel Settings Headings*/ .vertical-tab-header-group-title { color: var(--text-accent); border-bottom: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, var(--text-accent), transparent); padding-bottom: 0px; margin-bottom: 5px; } /*Settings*/ body:not(.is-phone) .vertical-tab-header-group .vertical-tab-header-group-title { display: flex; align-items: center; padding-left: 0px; } /*Options Icon*/ body:not(.is-phone) .vertical-tab-header-group:nth-last-of-type(3) .vertical-tab-header-group-title::before { content: " "; width: 16px; height: 16px; background-color: currentColor; margin-right: 4px; -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M6 9a2 2 0 0 1 1.937 1.5H13.5a.5.5 0 0 1 .09.992l-.09.008l-5.563.001a2 2 0 0 1-3.874 0L2.5 11.5a.5.5 0 0 1-.09-.992l.09-.008h1.563A2 2 0 0 1 6 9Zm0 1a1 1 0 1 0 0 2a1 1 0 0 0 0-2Zm4-7a2 2 0 0 1 1.937 1.5H13.5a.5.5 0 0 1 .09.992l-.09.008l-1.563.001a2 2 0 0 1-3.874 0L2.5 5.5a.5.5 0 0 1-.09-.992L2.5 4.5h5.563A2 2 0 0 1 10 3Zm0 1a1 1 0 1 0 0 2a1 1 0 0 0 0-2Z"%2F%3E%3C%2Fsvg%3E'); } /*Core Plugins Icon*/ body:not(.is-phone) .vertical-tab-header-group:nth-last-of-type(2) .vertical-tab-header-group-title::before { content: " "; width: 16px; height: 16px; background-color: currentColor; margin-right: 4px; -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M7 3a2 2 0 0 1 4 0h1.5A1.5 1.5 0 0 1 14 4.5V7h-1a1 1 0 0 0 0 2h1v2.5a1.5 1.5 0 0 1-1.5 1.5H11a2 2 0 0 1-4 0H5.5A1.5 1.5 0 0 1 4 11.5V10a2 2 0 0 1 0-4V4.5A1.5 1.5 0 0 1 5.5 3H7Zm2-1a1 1 0 0 0-1 1v1H5.5a.5.5 0 0 0-.5.5V7H4a1 1 0 0 0 0 2h1v2.5a.5.5 0 0 0 .5.5H8v1a1 1 0 0 0 2 0v-1h2.5a.5.5 0 0 0 .5-.5V10a2 2 0 0 1 0-4V4.5a.5.5 0 0 0-.5-.5H10V3a1 1 0 0 0-1-1Z"%2F%3E%3C%2Fsvg%3E'); } /*Community Plugins Icon*/ body:not(.is-phone) .vertical-tab-header-group:nth-last-of-type(1) .vertical-tab-header-group-title::before { content: " "; width: 16px; height: 16px; background-color: currentColor; margin-right: 4px; -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M13.25 1.75a.75.75 0 0 0-1.5 0v1h-1a.75.75 0 0 0 0 1.5h1v1a.75.75 0 0 0 1.5 0v-1h1a.75.75 0 0 0 0-1.5h-1v-1ZM4 2a2 2 0 0 0-2 2v7.75a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-2.5a2 2 0 0 0-2-2H8.75V4a2 2 0 0 0-2-2H4Zm3.25 6.75v3.5H4a.5.5 0 0 1-.5-.5v-3h3.75Zm0-4.75v3.25H3.5V4a.5.5 0 0 1 .5-.5h2.75a.5.5 0 0 1 .5.5ZM12 12.25H8.75v-3.5H12a.5.5 0 0 1 .5.5v2.5a.5.5 0 0 1-.5.5Z"%2F%3E%3C%2Fsvg%3E'); } /*------------------ Settings: Toggles --------------------*/ /*Add Glow to Toggle and adds fluid animations*/ .checkbox-container, .checkbox-container:hover{ box-shadow: 0 0 0.1em transparent; transition: background 0.3s ease-in, box-shadow 0.4s ease-in; } .checkbox-container.is-enabled { box-shadow: 0 0 0.7em var(--text-accent); transition: background 0.3s ease-in, box-shadow 0.4s ease-in; } .checkbox-container:not(.is-enabled):after{ transition: background 0.6s ease-in, box-shadow 0.6s ease-in; } .checkbox-container:after{ transition: background 0.3s ease-in, box-shadow 0.3s ease-in; } /*Colors Toggle*/ .checkbox-container.is-enabled:after { background: var(--color-glow); transition: transform 0.15s ease-in-out, width 0.1s ease-in-out, left 0.1s ease-in-out, background 0.3s ease-in, box-shadow 0.3s ease-in; } /*Style Slider*/ input[type='range'], body:not(.is-mobile) input[type=range]:focus { background-color: var(--text-accent); box-shadow: 0 0 0.5em var(--text-accent); } /*------------------- Settings: Background -------------------------*/ /*Removes Dimming on Settings*/ .modal-bg { display: none; } /*Corrects coloring for headings in settings items*/ .setting-item-name { color: var(--text-accent); } /*Styles Settings Modal*/ .modal { border-radius: 3px; background: var(--background-settings); backdrop-filter: blur(5px) saturate(120%) !important; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 3px solid; border-top: 3px solid; } body.is-frameless:not(.mod-macos):not(.is-mobile) .modal { height: 95%; } /*Removes Line Seperator*/ .modal.mod-settings .vertical-tab-header { border-right: transparent; } /*Adds Header to Setting*/ .modal.mod-settings .vertical-tab-content-container { padding: 35px 0px 0px 0; } /*Styles Content of Setting*/ .modal .setting-item { background: var(--background-settings-2); border-radius: 3px; margin: 0px 0px 5px 0px; border-color: transparent; padding: 18px; } /*Adds Styled Seperation line*/ .community-modal-search-results-wrapper { border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-top: 2px solid; background-color: var(--background-primary); border-radius: 3px; } /*Removes double background for settings (huh)*/ .horizontal-tab-content, .vertical-tab-content, .vertical-tab-header, .modal-sidebar { background: transparent; } /*Textbox Styling*/ textarea, input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number'], input.metadata-property-key-input[type='text'], .metadata-property-value .multi-select-input, .metadata-property input[type='number'], .metadata-input-longtext{ background: var(--background-settings-2); text-align: center; border-top: 0px solid transparent; border-bottom: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*Textbox hover Styling*/ textarea:hover, input[type='text']:hover, input[type='search']:hover, input[type='email']:hover, input[type='password']:hover, .metadata-property-value .multi-select-input:hover{ background: var(--text-selection); } /*Stylizes meta prop input text*/ .metadata-property input[type='text']:hover, .metadata-property input[type='number']:hover, .metadata-input-longtext:hover{ background: var(--text-selection); border-top: 0px solid transparent; border-bottom: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*Textbox active Styling*/ textarea:active, textarea:focus, input[type='text']:active, input[type='search']:active, input[type='email']:active, input[type='password']:active, input[type='number']:active, input[type='text']:focus, input[type='search']:focus, input[type='email']:focus, input[type='password']:focus, input[type='number']:focus, textarea:focus-visible, input[type='text']:focus-visible, input[type='search']:focus-visible, select:focus, input[type='email']:focus-visible, input[type='password']:focus-visible, input[type='number']:focus-visible, .workspace-leaf.mod-active .view-header-title:focus, .metadata-property input[type='text']:focus, .metadata-property-value .multi-select-input:focus, .metadata-property input[type='number']:focus, .metadata-input-longtext:focus { border-top: 0px solid transparent; box-shadow: none; border-bottom: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); background-color: var(--color-accent-active); } /*Styles metadata prop icon*/ .metadata-property-icon{ background-color: var(--color-accent-active); color: var(--text-accent); opacity: 1; padding:var(--size-2-2); } .metadata-property-icon:before{ width: 0; } /*Styles metadata prop icon on hover*/ .metadata-property-icon:hover{ background: var(--text-selection); } /*Removes unnecessary padding*/ .metadata-property .multi-select-container{ padding: 0; } /*Adds a small gap*/ .metadata-property{ gap: 3px; } /*Styles textbox and remove scrollbar from longtextbox*/ .metadata-input-longtext, .metadata-input-text{ height: var(--metadata-input-height); -webkit-box-pack: center; -webkit-box-orient: horizontal; } .metadata-input-longtext::-webkit-scrollbar{ display: none; } /*Styles metadata frame highlight*/ .metadata-property:hover, .metadata-property:focus-within { box-shadow: 0 0 3px 0.2px var(--text-accent); } /*Remove Unnecessary highlighting*/ .metadata-property-value:focus-within{ background-color: transparent; } /**/ .metadata-property ::-webkit-calendar-picker-indicator{ padding:3px; margin-left:-2px; } .metadata-property ::-webkit-calendar-picker-indicator:hover{ background-color: var(--text-faint); border-radius: 3px; cursor: var(--cursor-link); } .metadata-property ::-webkit-calendar-picker-indicator:active{ background-color: var(--text-accent); } /*-------------------- Settings: Sidebar -----------------------*/ /*Adds spacing for style and colors text*/ .vertical-tab-nav-item { color: var(--text-faint); border-top: 1px solid transparent; border-bottom: 1px solid transparent; } /*Items hover styling*/ body:not(.is-mobile) .vertical-tab-nav-item:not(.is-active):hover { color: var(--text-accent); border-image-slice: 1; border-top: 1px solid; border-bottom: 1px solid; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*Items active styling*/ .vertical-tab-nav-item.is-active, .horizontal-tab-nav-item.is-active:active, .vertical-tab-nav-item.is-active:active, .horizontal-tab-nav-item.is-active:hover, .vertical-tab-nav-item.is-active:hover, .vertical-tab-nav-item:active { color: var(--text-accent); background: var(--color-accent-active); border-image-slice: 1; border-top: 2px solid; border-bottom: 2px solid; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*-------------- Text Finder --------------------*/ /*Centers Finder Modal*/ .document-search-container { margin-left: 0px; } /*Adds styling for Finder*/ .document-search-container { border-bottom: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); width: 100%; } /*Corrects Background color*/ body:not(.is-mobile) .document-search-container { background-color: var(--background-settings); } /*----------- Settings: Community ---------------------*/ /*Removes seperator*/ .community-modal-details { border-left: transparent; } .modal-setting-nav-bar { border-bottom: transparent; } /*Corrects spacing for options*/ .mod-community-modal .modal-sidebar .setting-item { padding: 7px; margin-left: 5px; } /*Corrects icon color*/ .mod-community-modal .modal-sidebar button.clickable-icon { color: var(--text-faint); } /*Spacing for Style*/ .community-item { border: transparent; border-bottom: 1px solid transparent; border-top: 1px solid transparent; color: var(--text-faint); } /*Style on Hover*/ .community-item:hover, .suggestion-item.is-selected:not(.mod-group) { background-color: var(--text-selection); border-bottom: 1px solid; border-top: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); color: var(--text-accent); } /*Style on active*/ body:not(.is-mobile) .community-item.is-selected, .community-item.is-selected:hover { background-color: var(--text-selection); border-bottom: 2px solid; border-top: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); color: var(--text-accent); } .community-item:active { background-color: var(--color-accent-active); border-bottom: 2px solid; border-top: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); color: var(--text-accent); } /*Needed to correct the really not well implemented Font Coloring for Community items*/ body:not(.is-mobile) .community-item.is-selected .community-item-author, .community-item.is-selected:hover .community-item-author, .community-item.is-selected .community-item-repo, .community-item.is-selected:hover .community-item-repo, .community-item.is-selected .community-item-downloads, .community-item.is-selected:hover .community-item-downloads, .community-item.is-selected .community-item-updated, .community-item.is-selected:hover .community-item-updated, .community-item:hover .community-item-downloads, .community-item:hover .community-item-author, .community-item:hover .community-item-name, .community-item:hover .community-item-updated, .community-item:active .community-item-downloads, .community-item:active .community-item-author, .community-item:active .community-item-name, .community-item:active .community-item-updated, .community-item.is-selected .community-item-downloads, .community-item.is-selected .community-item-author, .community-item.is-selected .community-item-name, .community-item.is-selected .community-item-updated { color: var(--text-accent); } .community-item-downloads, .community-item-author, .community-item-name, .community-item-updated { color: var(--text-faint); } /*Flair Style*/ .community-item.is-selected .flair, .community-item.is-selected:hover .flair, .flair.mod-pop { color: var(--text-accent); background-color: var(--text-selection); } /*Corrects Setting Header 1 Style*/ .vertical-tab-content h1, .community-modal-info .markdown-rendered h1 { text-align: center; border-bottom: 2px solid !important; border-image-slice: 1; border-width: 1px; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*Sets Sizing for Community Modal Controls*/ .community-modal-controls { max-width: var(--modal-community-sidebar-width); } /*================ Progress Bar ====================*/ .progress-bar-subline { border-radius: 10px; } /*========= Plugins =========*/ /*--------- Calendar Plugin ----------*/ .year.svelte-1vwr9dd.svelte-1vwr9dd{ --interactive-accent: var(--text-normal); } /*---------------- Surfing Plugin ---------------*/ /*Changes addressbar width*/ .wb-search-bar { width: 95%; } /*New Page changed radius*/ .wb-page-search-bar-input-container, .wb-page-search-bar-input { border-radius: 3px !important; } /*New page buttons more visible*/ .wb-create-btn, .wb-search-btn, .wb-close-btn { opacity: 0.8; } /*Colors settings icon on new page*/ .surfing-settings-icon { color: var(--text-accent); cursor: help; } /*Colors refresh button*/ .wb-refresh-button, .wb-refresh-button .lucide-refresh-cw { color: var(--text-faint); } /*Colors refresh button on hover*/ .wb-refresh-button .lucide-refresh-cw:hover { color: var(--text-accent); } /*Removes unnecessary margins for Surfing Tabs*/ .surfing_app_zUmbJa { margin: 0px; border-radius: 0px; border-bottom: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*Colors Font on active and selected texts for Surfing Tab*/ .surfing_root_px3YjW.surfing_isSelected_px3YjW :where(.css-dev-only-do-not-override-1i536d8).ant-typography { color: var(--text-accent); } /*Color font for Surfing Tab*/ :where(.css-dev-only-do-not-override-1i536d8).ant-typography { color: var(--text-faint); } /*Readjusts borders for Surfing Tabs*/ .surfing_root_px3YjW { border-left: 2px solid transparent; border-right: 2.5px solid transparent; border-bottom: 0px; } /*Styles Surfing Active and Selected Tabs*/ .surfing_root_px3YjW:active, .surfing_root_px3YjW.surfing_isSelected_px3YjW { background-color: var(--color-accent-active); border-radius: 3px; border-image-slice: 1; opacity: 1; border-right: 3.5px solid; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); border-left: 3px solid; } /*Styles Surfing hover Tabs*/ .surfing_root_px3YjW:hover, .surfing_root_px3YjW.surfing_isSelected_px3YjW { background-color: var(--text-selection); border-radius: 3px; border-image-slice: 1; opacity: 1; border-right: 2.5px solid; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); border-left: 2px solid; } /*Web Frame Slight Transparency*/ .wb-frame { opacity: 0.8; } /*Setting's Surfing Nav spaces and colored*/ .wb-navigation-item { color: var(--text-faint); border-right: 1px solid transparent; border-left: 1px solid transparent; } /*Setting's Surfing Nav on Hover*/ .wb-navigation-item:hover { background-color: var(--text-selection); border-radius: 3px; border-image-slice: 1; opacity: 1; border-right: 1px solid; border-left: 1px solid; border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent); } /*Setting's Surfing Nav on active*/ .wb-navigation-item-selected, .wb-navigation-item:active, .wb-navigation-item-selected:hover { background-color: var(--color-accent-active); border-radius: 3px; border-image-slice: 1; opacity: 1; border-right: 2px solid; border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent); border-left: 2px solid; } /*---------------- LanguageTool Plugin ------------*/ /*LanguageTool popup styled*/ .lt-predictions-container-glass.cm-tooltip, .lt-predictions-container.cm-tooltip, .lt-predictions-container-glass, .lt-predictions-container { background: var(--background-settings-alt); backdrop-filter: blur(5px) saturate(120%); border-image-slice: 1; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); } /*Bottom Button resized*/ button:not(.clickable-icon).lt-ignore-btn { margin: 0px 10px 10px 10px; } /*------------------- Style Settings ------------------------*/ /*Adds Styling to the Modal Title*/ .modal-title { text-align: center; border-bottom: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent); } /*Colors text*/ body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item .setting-item-name, body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item .setting-item-description, .setting-item-description { color: var(--text-faint); } /*Fixes weird reset button with Theme in Style Settings*/ .themed-color-wrapper .pickr-reset>button { padding: 5px; } /*Gives some and corrects height of group container*/ .themed-color-wrapper>div+div { margin-top: auto; margin-left: 5px; } /*Adds Style to Setting Item in Style Settings*/ body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item { background: var(--background-settings-alt); border-radius: 5px; padding: 10px; border-bottom: 1px solid transparent; border-top: 1px solid transparent; margin-bottom: 10px; } /*Adds Style to Setting Item on hover in Style Settings*/ .setting-item.setting-item-heading.style-settings-heading.is-collapsed:hover { border-bottom: 1px solid; border-top: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); background: var(--text-selection); } /*Colors text when hover*/ .setting-item.setting-item-heading.style-settings-heading.is-collapsed:hover .setting-item-name, .setting-item.setting-item-heading.style-settings-heading.is-collapsed:hover .setting-item-description, body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed) .setting-item-description { color: var(--text-accent); } /*Adds Style to Setting Item on active in Style Settings*/ body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading.is-collapsed:active, body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed) { border-bottom: 1px solid; border-top: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); background: var(--color-accent-active); } /*Style Settings corrected background color*/ .workspace-split.mod-horizontal .workspace-leaf-content[data-type="style-settings"]{ background-color: var(--background-primary); } /*Colors text when active*/ body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading.is-collapsed:active, body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed) .setting-item-name { color: var(--text-accent); } /*Fits Style Options within box*/ .style-settings-container [data-level='1'].setting-item-heading.style-settings-heading.is-collapsed, .style-settings-container [data-level='2'].setting-item-heading.style-settings-heading.is-collapsed, .style-settings-container [data-level='3'].setting-item-heading.style-settings-heading.is-collapsed, .style-settings-container [data-level='4'].setting-item-heading.style-settings-heading.is-collapsed, .style-settings-container [data-level='5'].setting-item-heading.style-settings-heading.is-collapsed { padding-left: 30px; } .style-settings-container [data-level='1'].setting-item-heading.style-settings-heading:not(.is-collapsed), .style-settings-container [data-level='2'].setting-item-heading.style-settings-heading:not(.is-collapsed), .style-settings-container [data-level='3'].setting-item-heading.style-settings-heading:not(.is-collapsed), .style-settings-container [data-level='4'].setting-item-heading.style-settings-heading:not(.is-collapsed), .style-settings-container [data-level='5'].setting-item-heading.style-settings-heading:not(.is-collapsed) { padding-left: 30px; } /*=============== Mermaid Entity Box Color fix ================*/ .attributeBoxOdd, .attributeBoxEven { fill: var(--background-primary) !important; } /*================= Text Stylings ===================*/ /*Styles Bold Text*/ .cm-strong, strong { color: var(--text-normal); text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent); } /*Styles Italic Text*/ .cm-em, em { color: var(--text-normal); text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent); } /*Styles Strikeout*/ .cm-strikethrough, del, ul > li.task-list-item[data-task="x"], ul > li.task-list-item[data-task="X"] { text-decoration-color: var(--text-close-color); color: var(--text-close-color); text-shadow: 0 0 5px var(--text-close-color), 0 0 10px var(--text-close-color), 0 0 20px var(--text-close-color), 0 0 40px var(--text-close-color); } /*Styles Underline*/ span.cm-html-embed, u { text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent); } /*================== Code Fence Style =====================*/ /*Styles Code Blocks*/ .markdown-preview-view pre, .markdown-rendered pre { border-image-slice: 1; border-top: 3px solid; border-bottom: 3px solid; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } .markdown-rendered pre code, .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock{ color:var(--text-normal); } /*Removes indent lines in code*/ .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock .cm-indent::before { display: none; } /*Edit mode Adds styling at start of codeblock*/ body:not(.no-codeblock-line-numbers) .cm-s-obsidian div.HyperMD-codeblock-begin-bg { border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-top: 2px solid; padding-bottom: 15px; } /*Edit mode Adds styling at end of codeblock*/ body:not(.no-codeblock-line-numbers) .cm-s-obsidian div.HyperMD-codeblock-end-bg { border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 2px solid; } /*Sets reset for code gutter*/ body:not(.no-codeblock-line-numbers) .HyperMD-codeblock-begin { counter-reset: codeblock-line-numbers; } /*Sets custom code gutterline*/ body:not(.no-codeblock-line-numbers) .HyperMD-codeblock:not(.HyperMD-codeblock-begin, .HyperMD-codeblock-end)::before { counter-increment: codeblock-line-numbers; content: counter(codeblock-line-numbers); text-align: center; width: 1.7em; color: var(--text-faint); position: absolute; left: 0; } /*Spacing for gutterline*/ body:not(.no-codeblock-line-numbers) .HyperMD-codeblock.cm-line:not(.HyperMD-codeblock-begin, .HyperMD-codeblock-end) { padding-left: 2em; } /*================ Blockquotes Style ================*/ /*Sets style for Blockquotes*/ .markdown-preview-view blockquote { padding: 2rem 2rem 1rem 3rem; border-left: transparent; background: linear-gradient(95deg, var(--text-selection), var(--block-color)); border-radius: 3px; } /*Quote Styling for blockquotes*/ .markdown-preview-view blockquote p:first-of-type::before { content: '❝'; font-family: arial; opacity: .45; font-size: 100px; color: var(--text-accent); position: absolute; top: -3.75rem; left: -0.3rem; margin-left: -0.3em; z-index: -1; } .markdown-preview-view blockquote p { position: relative; } /*Corrects spacing of quote sign and text for blockquotes*/ .markdown-preview-view blockquote> :first-child { z-index: 1; margin-left: -0.5em; } /*Code Segment Style*/ .cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight), .markdown-rendered code { background: var(--background-modifier-hover); border-radius: 5px; padding-left: 5px; padding-right: 5px; } /* blockquotes, embeds, tables inner/outer glow */ .markdown-preview-view blockquote, .markdown-preview-view .markdown-embed, .markdown-preview-view .file-embed, .markdown-preview-view th, .markdown-preview-view td { box-shadow: 0em 0em 0.5em 0.1em var(--text-accent) , inset 0em 0em 2em var(--text-accent); } /*============== Empty Tab ==================*/ /*Sets Style for Empty Title*/ .empty-state-title { border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 3px solid; text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent), 0 0 80px var(--text-accent); } /*Sets Spacing for Empty Items*/ body:not(.is-mobile) .empty-state-action { border-bottom: 1px solid transparent; border-top: 1px solid transparent; padding: 0 5px 0 5px; } /*Sets Spacing for Empty Items hover*/ body:not(.is-mobile) .empty-state-action:hover { background: var(--text-selection); border-radius: 3px; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 1px solid; border-top: 1px solid; } /*Sets Spacing for Empty Items active*/ body:not(.is-mobile) .empty-state-action:active { background-color: var(--color-accent-active); border-radius: 3px; box-shadow: 0 0 0.3em var(--text-accent); border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 2px solid; border-top: 2px solid; } /*================ Canvas ================*/ /*---------------- Canvas right hand controls --------------------*/ /*Sets Style for Right controls*/ .canvas-controls { gap: 0px; backdrop-filter: blur(5px) saturate(120%) !important; border-left: 1px solid; border-right: 1px solid; border-image-slice: 1; background-color: var(--background-settings); border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); border-radius: 5px; } /*Sets color for right control items*/ .canvas-control-item { border-bottom: none; border-radius: 3px; background-color: transparent; color: var(--text-faint); } /*Sets color for right control items hover*/ .canvas-control-item:hover { background-color: var(--background-modifier-hover); color: var(--text-accent); } /*Sets color for right control items active*/ .canvas-control-item:active { background-color: var(--color-accent-active); } /*Hides disabled items until they can be used*/ .canvas-control-item.is-disabled { display: none; } /*Removes Group Default Style*/ .canvas-control-group { border: none; background: transparent; box-shadow: none; border-radius: 0px; } /*----------------- Canvas Menu Card ----------------------*/ /*Card Menu styling*/ .canvas-card-menu, .theme-dark .canvas-card-menu { box-shadow: none; backdrop-filter: blur(5px) saturate(120%) !important; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 1px solid; border-top: 1px solid; background-color: var(--background-settings); } /*Resize Card Menu*/ .canvas-card-menu .canvas-card-menu-button { color: var(--text-faint); margin: 2px; padding: var(--size-2-2); border-radius: 3px; } /*Removes unnecessary Bounce Animation*/ .canvas-card-menu .canvas-card-menu-button.mod-draggable:hover svg { transform: none; filter: none; } /*Card Menu styling hover*/ .canvas-card-menu .canvas-card-menu-button:hover, .canvas-card-menu .canvas-card-menu-button.mod-draggable:active { color: var(--text-accent); background-color: var(--background-modifier-hover); } /*Removes default Fill Coloring*/ .theme-dark .canvas-card-menu .canvas-card-menu-button svg, .canvas-card-menu .canvas-card-menu-button svg { fill: transparent; } /*--------------- Internal Canvas ----------------------*/ /*Right Click Menu Stlying*/ .canvas-menu { background-color: var(--background-settings-alt); backdrop-filter: blur(4px) saturate(120%) !important; border: 0px solid var(--background-modifier-border); border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 1px solid; border-top: 1px solid; } /*Canvas Container Styled*/ .canvas-node.is-themed .canvas-node-container, .canvas-node-group .canvas-node-container, .canvas-node.is-selected .canvas-node-container { border-color: var(--text-normal); box-shadow: 0 0 10px 5px rgba(var(--canvas-color), 0.7), inset 0 0 20px 5px rgba(var(--canvas-color), 0.7), var(--shadow-stationary); } /*Canvas Container Styled selected*/ .canvas-node.is-selected.is-themed .canvas-node-container, .canvas-node.is-focused.is-themed .canvas-node-container, .canvas-node.is-focused .canvas-node-container { box-shadow: 0 0 10px 5px rgba(var(--canvas-color), 0.9), inset 0 0 30px 10px rgba(var(--canvas-color), 0.7), var(--shadow-stationary); } /*Styles Group Label*/ .canvas-wrapper:not(.mod-readonly) .canvas-group-label, .canvas-node-group.is-themed .canvas-group-label:not([contenteditable="true"]) { background: rgba(var(--canvas-color), 0.6); border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, rgba(var(--canvas-color)), transparent); border-bottom: 2px solid; border-top: 2px solid; margin-top: -10px; } /*Styles Node Labels*/ .canvas-node-label { color: var(--text-accent); padding: 5px; background: rgba(var(--canvas-color), 0.6); border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, rgba(var(--canvas-color)), transparent); border-bottom: 2px solid; border-top: 2px solid; margin-top: -5px; border-radius: 3px; cursor: pointer; } /*=============== File Explorer Icon for files/folders ========================*/ /*Removes Collapse Chevron in Nav File Tree Only*/ .tree-item.nav-folder .tree-item-icon.collapse-icon.nav-folder-collapse-indicator{ display: none; } /*Shifts Content to the left*/ .nav-file-title-content, .nav-folder-title-content { margin-left: -20px; } /*Opened Folder svg not Collapsed and sets style for folder icons*/ .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content::before { margin-right: 4px; position: relative; content: " "; display: inline-block; width: 20px; height: 20px; vertical-align: -5px; background-color: var(--custom-acc-faint); -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M3 3a2 2 0 0 0-2 2v6c0 .413.125.797.34 1.116L2.81 7.08A1.5 1.5 0 0 1 4.25 6h8.753v-.004a2 2 0 0 0-2-2H6.175l-1.11-.887A.5.5 0 0 0 4.753 3H3Zm11.941 4.64a.5.5 0 0 0-.48-.64H4.25a.5.5 0 0 0-.48.36l-1.46 5a.5.5 0 0 0 .48.64h9.46a1.5 1.5 0 0 0 1.44-1.08l1.251-4.28Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100%; } /*Closed Folder svg Colapsed */ .workspace-leaf-content[data-type="file-explorer"] .is-collapsed .nav-folder-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 28 28"%3E%3Cpath fill="currentColor" d="M15.821 6.5h7.929a2.25 2.25 0 0 1 2.229 1.938l.016.158l.005.154v13a2.25 2.25 0 0 1-2.096 2.245L23.75 24H4.25a2.25 2.25 0 0 1-2.245-2.096L2 21.75V10.499l8.207.001l.196-.009a2.25 2.25 0 0 0 1.088-.393l.156-.12L15.821 6.5ZM10.207 4c.46 0 .908.141 1.284.402l.156.12l2.103 1.751l-3.063 2.553l-.085.061a.75.75 0 0 1-.29.106L10.206 9L2 8.999V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h5.957Z"%2F%3E%3C%2Fsvg%3E'); } /* File svg and sets style for file icons*/ .workspace-leaf-content[data-type="file-explorer"] .nav-file-title .nav-file-title-content::before { margin-right: 4px; position: relative; content: " "; display: inline-block; width: 20px; height: 20px; vertical-align: -5px; -webkit-mask-repeat: no-repeat; background-color: var(--custom-acc-faint); -webkit-mask-size: 100%; -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M8 4.5V1H4.5A1.5 1.5 0 0 0 3 2.5v11A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5V6H9.5A1.5 1.5 0 0 1 8 4.5Zm1 0V1.25L12.75 5H9.5a.5.5 0 0 1-.5-.5ZM5.5 8h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1ZM5 10.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm.5 1.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1Z"%2F%3E%3C%2Fsvg%3E'); } .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:hover .nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title:hover .nav-folder-title-content::before { background-color: var(--custom-acc-text); } /*Vault svg*/ .workspace-leaf-content[data-type="file-explorer"] .nav-folder.mod-root>.nav-folder-title .nav-folder-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M14 13.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3ZM2 7.75A3.75 3.75 0 0 1 5.75 4h12.5A3.75 3.75 0 0 1 22 7.75v8.5A3.75 3.75 0 0 1 18.25 20H5.75A3.75 3.75 0 0 1 2 16.25v-8.5ZM5.75 7a.75.75 0 0 0-.75.75v8.5a.75.75 0 0 0 1.5 0v-8.5A.75.75 0 0 0 5.75 7Zm5.53 1.22a.75.75 0 1 0-1.06 1.06l1.195 1.196A2.985 2.985 0 0 0 11 12c0 .556.151 1.077.415 1.524L10.22 14.72a.75.75 0 1 0 1.06 1.06l1.196-1.195c.447.264.968.415 1.524.415s1.077-.151 1.524-.415l1.196 1.195a.75.75 0 1 0 1.06-1.06l-1.195-1.196c.264-.447.415-.968.415-1.524s-.151-1.077-.415-1.524L17.78 9.28a.75.75 0 0 0-1.06-1.06l-1.196 1.195A2.986 2.986 0 0 0 14 9c-.556 0-1.077.151-1.524.415L11.28 8.22Z"%2F%3E%3C%2Fsvg%3E'); background-color: var(--custom-acc-text); } /*Applies Pen svg for active file*/ .workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active .nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M10.733 2.56a1.914 1.914 0 0 1 2.707 2.708L12.707 6l.263.263a1.75 1.75 0 0 1 0 2.474l-1.116 1.117a.5.5 0 0 1-.708-.708l1.117-1.116a.75.75 0 0 0 0-1.06L12 6.707l-5.955 5.955a1.65 1.65 0 0 1-.644.398l-2.743.914a.5.5 0 0 1-.632-.632l.914-2.743a1.65 1.65 0 0 1 .398-.644l7.395-7.395Z"%2F%3E%3C%2Fsvg%3E'); background-color: var(--custom-acc-text); } /*Styles when item has focus*/ .workspace-leaf.mod-active .tree-item-self.has-focus{ box-shadow: 0 0 4px 2px var(--text-accent); } .workspace-leaf-content[data-type="file-explorer"] .is-unsupported>.nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M6 1.002h3v3.5a1.5 1.5 0 0 0 1.5 1.5H14v6.996a2 2 0 0 1-2 2H8.666A5.5 5.5 0 0 0 4 5.207V3.002a2 2 0 0 1 2-2Zm4.5 4h3.497l-3.989-4H10v3.5a.5.5 0 0 0 .5.5ZM10 10.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0Zm-4.5 1.88a.625.625 0 1 0 0 1.25a.625.625 0 0 0 0-1.25Zm0-4.877c-1.048 0-1.864.818-1.853 1.955a.5.5 0 0 0 1-.01c-.006-.579.36-.945.853-.945c.472 0 .853.392.853.95c0 .202-.07.315-.36.544l-.277.215C5.21 10.616 5 10.929 5 11.5a.5.5 0 0 0 .992.09l.011-.156c.017-.148.1-.254.346-.448l.277-.215c.513-.41.727-.732.727-1.318c0-1.104-.822-1.95-1.853-1.95Z"%2F%3E%3C%2Fsvg%3E'); } /*Sets Archive svg for zipped files*/ .workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".zip"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".7z"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".rar"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".zipx"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".arc"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".pea"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".gzip"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".b1"]>.nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M12.005 4.5h-1.44L8.158 7.033l-.111.106a1.5 1.5 0 0 1-.823.353L7.07 7.5H2v7l.005.164A2.5 2.5 0 0 0 4.5 17h8.504v-1.941a.515.515 0 0 1 0-.117L13.002 14h-.498a.5.5 0 0 1 0-1h.497v-2H12.5a.5.5 0 0 1 0-1h.5V9h-.495a.5.5 0 0 1-.5-.5v-4Zm2 0h-1V8h1V4.5Zm1 0h.495a2.5 2.5 0 0 1 2.479 2.174l.016.162L18 7v7.5a2.5 2.5 0 0 1-2.336 2.495L15.5 17h-1.496v-1.5h.496a.5.5 0 0 0 0-1h-.497v-.955a.478.478 0 0 0 0-.09V12.5h.502a.5.5 0 1 0 0-1h-.503L14 9h.505a.5.5 0 0 0 .5-.5v-4ZM7.932 3.21A1.5 1.5 0 0 0 7.167 3H4.5l-.164.005A2.5 2.5 0 0 0 2 5.5v1h5.07l.082-.007a.5.5 0 0 0 .22-.094l.061-.055L9.385 4.29L8.067 3.3l-.135-.09Z"%2F%3E%3C%2Fsvg%3E'); } /*Video svg for supported video files*/ .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".webm"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mp4"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mkv"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mov"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".m4a"]>.nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M2 5.5A2.5 2.5 0 0 1 4.5 3h7A2.5 2.5 0 0 1 14 5.5v5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 10.5v-5Zm4.5.32v4.36c0 .25.274.403.487.273l3.259-1.992a.54.54 0 0 0 0-.922l-3.26-1.991a.32.32 0 0 0-.486.273Z"%2F%3E%3C%2Fsvg%3E'); } /*Audio svg for supported audio files*/ .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".3gp"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".flac"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mp3"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".ogg"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".wav"]>.nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M15.987 3.016a1 1 0 0 0-1.285-.79l-7 2.187A1 1 0 0 0 7 5.368V13.5a2.5 2.5 0 1 0 1 2V8.368l7-2.188v2.843c.343.03.678.093 1 .184V3.18c0-.056-.005-.11-.013-.164ZM19 14.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0Zm-2.263-.435l-2.994-1.65a.5.5 0 0 0-.742.437v3.3a.5.5 0 0 0 .742.438l2.994-1.65a.5.5 0 0 0 0-.875Z"%2F%3E%3C%2Fsvg%3E') } /*Picture svg for supported Picture files*/ .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".svg"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".bmp"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".jpeg"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".jpg"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".png"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".gif"]>.nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M4.5 2A2.5 2.5 0 0 0 2 4.5v7c0 .51.152.983.414 1.379l4.384-4.384a1.7 1.7 0 0 1 2.404 0l4.384 4.384A2.49 2.49 0 0 0 14 11.5v-7A2.5 2.5 0 0 0 11.5 2h-7Zm7 3.502a1.002 1.002 0 1 1-2.004 0a1.002 1.002 0 0 1 2.004 0Zm1.379 8.084L8.495 9.202a.7.7 0 0 0-.99 0l-4.384 4.384c.396.262.87.414 1.379.414h7c.51 0 .983-.152 1.379-.414Z"%2F%3E%3C%2Fsvg%3E'); } /*PDF svg*/ .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".pdf"]>.nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 32 32"%3E%3Cpath fill="currentColor" d="M9 16a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0v-1h.5a2.5 2.5 0 0 0 0-5H9Zm1.5 3H10v-1h.5a.5.5 0 0 1 0 1Zm3.5-2a1 1 0 0 1 1-1h.5a3.5 3.5 0 1 1 0 7H15a1 1 0 0 1-1-1v-5Zm2 3.915a1.5 1.5 0 0 0 0-2.83v2.83ZM20 22v-5a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-2v1h2a1 1 0 1 1 0 2h-2v1a1 1 0 1 1-2 0ZM17 9V2H8a3 3 0 0 0-3 3v8a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2v1a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3v-1a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2v-1h-7a3 3 0 0 1-3-3Zm10 6v9H5v-9h22Zm-8-6V2.117a3 3 0 0 1 1.293.762l5.828 5.828A3 3 0 0 1 26.883 10H20a1 1 0 0 1-1-1Z"%2F%3E%3C%2Fsvg%3E'); } /*HTML svg*/ .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".html"]>.nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M9 7a1 1 0 0 1 .117 1.993L9 9H7a3 3 0 0 0-.176 5.995L7 15h2a1 1 0 0 1 .117 1.993L9 17H7a5 5 0 0 1-.217-9.995L7 7h2Zm8 0a5 5 0 0 1 .217 9.995L17 17h-2a1 1 0 0 1-.117-1.993L15 15h2a3 3 0 0 0 .176-5.995L17 9h-2a1 1 0 0 1-.117-1.993L15 7h2ZM7 11h10a1 1 0 0 1 .117 1.993L17 13H7a1 1 0 0 1-.117-1.993L7 11h10H7Z"%2F%3E%3C%2Fsvg%3E'); } /*Draw svg for Excalidraw*/ .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".excalidraw.md"]>.nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M3 6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v3.003c-.341.016-.68.092-1 .229V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9.5a.5.5 0 0 1-1 0V6Zm.4 11.035c.369.184.83.335 1.217.25c.251-.056.577-.193.943-.347c.885-.373 2.003-.843 2.862-.497c.637.256.584.981.405 1.33c-.035.066-.008.16.065.177a4.6 4.6 0 0 0 1.112.088a.917.917 0 0 1 .023-.14l.375-1.498a2.18 2.18 0 0 1 .578-1.02l4.83-4.83a1.87 1.87 0 1 1 2.644 2.645l-4.83 4.829a2.197 2.197 0 0 1-1.02.578l-1.222.305c-1.121.328-2.794.222-3.313-.183c-.449-.35-.467-.887-.316-1.244c.034-.08-.026-.183-.111-.17c-.495.07-.9.25-1.3.427c-.585.26-1.156.513-1.976.411c-.711-.088-1.107-.459-1.325-.825c-.122-.204.147-.392.36-.286Z"%2F%3E%3C%2Fsvg%3E'); } /*Canvas svg*/ .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".canvas"]>.nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M7.5 2v3H2v-.5A2.5 2.5 0 0 1 4.5 2h3Zm1 0v8H14V4.5A2.5 2.5 0 0 0 11.5 2h-3Zm5.5 9H8.5v3h3a2.5 2.5 0 0 0 2.5-2.5V11Zm-6.5 3V6H2v5.5A2.5 2.5 0 0 0 4.5 14h3Z"%2F%3E%3C%2Fsvg%3E'); } /*CSS svg*/ .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".css"]>.nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 6.5V2H5.5A1.5 1.5 0 0 0 4 3.5v7.67c.552.196 1.03.548 1.38 1.004A2.498 2.498 0 0 1 9.5 12a2.5 2.5 0 0 1 4.5 1.5c0 .444-.193.843-.5 1.118c.319.425.5.949.5 1.5v.382a2.49 2.49 0 0 1-.5 1.5h1a1.5 1.5 0 0 0 1.5-1.5V8h-4.5A1.5 1.5 0 0 1 10 6.5Zm1 0V2.25L15.75 7H11.5a.5.5 0 0 1-.5-.5ZM3 12a2 2 0 0 0-2 2v2a2 2 0 1 0 4 0a.5.5 0 0 0-1 0a1 1 0 1 1-2 0v-2a1 1 0 1 1 2 0a.5.5 0 0 0 1 0a2 2 0 0 0-2-2Zm8.5 0a1.5 1.5 0 0 0-1.5 1.5v.382a1.5 1.5 0 0 0 .83 1.342l.894.447a.5.5 0 0 1 .276.447v.382a.5.5 0 0 1-1 0a.5.5 0 0 0-1 0a1.5 1.5 0 0 0 3 0v-.382a1.5 1.5 0 0 0-.83-1.342l-.894-.447a.5.5 0 0 1-.276-.447V13.5a.5.5 0 0 1 1 0a.5.5 0 0 0 1 0a1.5 1.5 0 0 0-1.5-1.5ZM6 13.5a1.5 1.5 0 0 1 3 0a.5.5 0 0 1-1 0a.5.5 0 0 0-1 0v.382a.5.5 0 0 0 .276.447l.895.447A1.5 1.5 0 0 1 9 16.118v.382a1.5 1.5 0 0 1-3 0a.5.5 0 0 1 1 0a.5.5 0 0 0 1 0v-.382a.5.5 0 0 0-.276-.447l-.895-.447A1.5 1.5 0 0 1 6 13.882V13.5Z"%2F%3E%3C%2Fsvg%3E'); } /*Text File svg*/ .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".txt"]>.nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 28 28"%3E%3Cpath fill="currentColor" d="M14 2a.75.75 0 0 1 .75.75V4h3.75V2.75a.75.75 0 0 1 1.5 0V4h.75A2.25 2.25 0 0 1 23 6.25v12.246h-4.754a2.25 2.25 0 0 0-2.25 2.25V25.5H6.75a2.25 2.25 0 0 1-2.25-2.25v-17A2.25 2.25 0 0 1 6.75 4H8V2.75a.75.75 0 0 1 1.5 0V4h3.75V2.75A.75.75 0 0 1 14 2Zm-6 8.25c0 .414.336.75.75.75h10a.75.75 0 0 0 0-1.5h-10a.75.75 0 0 0-.75.75Zm0 4.5c0 .414.336.75.75.75h10a.75.75 0 0 0 0-1.5h-10a.75.75 0 0 0-.75.75Zm0 4.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 0-1.5h-4.5a.75.75 0 0 0-.75.75Zm9.496 5.81l5.065-5.064h-4.315a.75.75 0 0 0-.75.75v4.315Z"%2F%3E%3C%2Fsvg%3E'); } /*Document svg*/ .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".docx"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".doc"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".odt"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".wps"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".wpd"]>.nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M21.17 3.25q.33 0 .59.25q.24.24.24.58v15.84q0 .34-.24.58q-.26.25-.59.25H7.83q-.33 0-.59-.25q-.24-.24-.24-.58V17H2.83q-.33 0-.59-.24Q2 16.5 2 16.17V7.83q0-.33.24-.59Q2.5 7 2.83 7H7V4.08q0-.34.24-.58q.26-.25.59-.25m-.8 8.09l1.2 3.94H9.6l1.31-6.56H9.53l-.78 3.88l-1.11-3.75H6.5l-1.19 3.77l-.78-3.9H3.09l1.31 6.56h1.37m14.98 4.22V17H8.25v2.5m12.5-3.75v-3.12H12v3.12m8.75-4.37V8.25H12v3.13M20.75 7V4.5H8.25V7Z"%2F%3E%3C%2Fsvg%3E'); } /*Presentation svg*/ .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".key"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".pptx"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".ppt"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".odp"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".dps"]>.nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M13.25 3.25q1.21 0 2.33.31q1.12.32 2.09.89q.97.55 1.77 1.36q.79.8 1.36 1.77q.58.97.89 2.09Q22 10.79 22 12t-.31 2.33q-.31 1.12-.89 2.09q-.57.97-1.36 1.77q-.8.81-1.77 1.36q-.97.58-2.09.89q-1.12.31-2.33.31q-1.07 0-2.1-.25q-1.03-.26-1.95-.74q-.92-.49-1.7-1.18q-.81-.7-1.43-1.58H2.83q-.33 0-.59-.24Q2 16.5 2 16.17V7.83q0-.33.24-.58Q2.5 7 2.83 7h3.24q.62-.88 1.43-1.58q.78-.7 1.7-1.18q.93-.48 1.95-.74q1.03-.25 2.1-.25m.63 1.28v6.84h6.84q-.12-1.37-.69-2.56T18.55 6.7q-.91-.91-2.12-1.48q-1.2-.57-2.55-.69M9.5 10.84q0-.57-.2-.97q-.19-.41-.52-.66q-.33-.26-.78-.37q-.45-.12-1-.12H4.37v6.55h1.54V13h1.03q.48 0 .93-.16q.46-.14.82-.41q.36-.26.58-.67q.23-.4.23-.92m3.75 8.66q.98 0 1.89-.24q.9-.26 1.71-.68q.81-.45 1.48-1.08q.67-.61 1.17-1.37q.5-.77.83-1.66q.31-.89.39-1.85h-8.08V4.53q-1.45.12-2.73.76T7.67 7h3.5q.33 0 .59.25q.24.25.24.58v8.34q0 .33-.24.59q-.26.24-.59.24h-3.5q.53.6 1.17 1.06q.66.44 1.35.78q.72.33 1.49.49q.77.17 1.57.17M6.85 10q.47 0 .76.19q.28.19.28.7q0 .22-.1.36q-.1.14-.26.25q-.16.07-.35.1q-.18.04-.38.04h-.89V10h.94Z"%2F%3E%3C%2Fsvg%3E'); } /*Spreadsheet svg*/ .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".xlsx"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".xls"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".et"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".ods"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".csv"]>.nav-file-title-content::before, .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".xml"]>.nav-file-title-content::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M21.17 3.25q.33 0 .59.25q.24.24.24.58v15.84q0 .34-.24.58q-.26.25-.59.25H7.83q-.33 0-.59-.25q-.24-.24-.24-.58V17H2.83q-.33 0-.59-.24Q2 16.5 2 16.17V7.83q0-.33.24-.59Q2.5 7 2.83 7H7V4.08q0-.34.24-.58q.26-.25.59-.25M7 13.06l1.18 2.22h1.79L8 12.06l1.93-3.17H8.22L7.13 10.9l-.04.06l-.03.07q-.26-.53-.56-1.07q-.25-.53-.53-1.07H4.16l1.89 3.19L4 15.28h1.78m8.1 4.22V17H8.25v2.5m5.63-3.75v-3.12H12v3.12m1.88-4.37V8.25H12v3.13M13.88 7V4.5H8.25V7m12.5 12.5V17h-5.62v2.5m5.62-3.75v-3.12h-5.62v3.12m5.62-4.37V8.25h-5.62v3.13M20.75 7V4.5h-5.62V7Z"%2F%3E%3C%2Fsvg%3E'); } /*================= Kanban Update ============*/ /*Removes Unneccessary background*/ .workspace-split:not(.mod-left-split) .node-insert-event{ background-color: transparent; } /*Sets the style for lists and spacing for hover list style*/ .kanban-plugin__item { border: transparent; background: var(--background-settings-2); color: var(--text-faint); border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-radius: 3px; } /*removes redundant default title wrapper styling*/ .kanban-plugin__item-title-wrapper { border: transparent; background-color: transparent; } /*Styles internal Kanban Lane*/ .kanban-plugin__lane-items { border-top: 1px solid; border-bottom: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); background-color: var(--background-primary); border-radius: 5px; } /*Styles List on hover/active*/ .kanban-plugin__item:hover, .kanban-plugin__item:active { background-color: var(--text-selection); color: var(--text-accent); border-top: 1px solid; border-bottom: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } .kanban-plugin__item:active { color: var(--text-accent); border-top: 1px solid; border-bottom: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); background-color: var(--color-accent-active); } /*Adds some padding and style for kanban textbox of lists*/ .kanban-plugin__grow-wrap>textarea, .kanban-plugin__grow-wrap:after { border-radius: 3px; padding: 2px; width: 98%; border-bottom: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*Style Kanban textbox when in focus*/ .kanban-plugin__grow-wrap>textarea:focus { border-bottom: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*Styles Kanban Containers*/ .kanban-plugin__lane { border-left: 2px solid; border-right: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); background-color: var(--background-secondary); } /*Removes line seperator*/ .kanban-plugin__lane-header-wrapper, .kanban-plugin__item-button-wrapper, .kanban-plugin__item-form { border: none; } /*Removes Default Plugin Hue Change*/ .kanban-plugin__item-prefix-button-wrapper input[type=checkbox] { filter: hue-rotate(0deg); } /*Removes Item Content overcolor*/ .kanban-plugin__item-content-wrapper { background-color: transparent; } /*Styled to match with finder search*/ .kanban-plugin__search-wrapper { border-bottom: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); justify-content: center; } /*Expand searchbox*/ input.kanban-plugin__filter-input { width: 50%; margin-right: 5px; } /*Try to center icon*/ .kanban-plugin__icon { margin-top: 2px; } /*========== NEW PDF ==============*/ /*Styles PDF Sidebar*/ .pdf-sidebar-container { border-right: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); background-color: var(--background-tertiary); } .pdf-sidebar-container .thumbnail::before { box-shadow: none; } /*Styles page thumbnail*/ .pdf-sidebar-container .thumbnail { border: none; padding: var(--size-4-2); border-bottom: 2px solid transparent; border-top: 2px solid transparent; } /*Styles page thumbnail on Hover*/ .pdf-sidebar-container .thumbnail.selected, .pdf-sidebar-container .thumbnail:hover { background: var(--text-selection); border-bottom: 2px solid; border-top: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*Styles page thumbnail page number flair*/ .pdf-sidebar-container .thumbnail::after { font-weight: var(--font-semibold); background-color: var(--background-tertiary); right: 115px; } /*Styles page thumbnail page number flair selected*/ .pdf-sidebar-container .thumbnail.selected::after { background-color: var(--text-selection); } /*Styles PDF Toolbar*/ .pdf-toolbar { background-color: var(--background-tertiary); border-bottom: none; border-bottom: 3px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*Removes redundant 2nd background on Container*/ .workspace-leaf-content[data-type="pdf"] .view-content { background-color: transparent; } /*Shifts slightly the PDF thumnails*/ .pdf-sidebar-content-wrapper{ width:160px } /*============== Links Styling ===============*/ /*Colors Internal Link text*/ .cm-s-obsidian span.cm-hmd-internal-link, a.internal-link { color: var(--internal-link-hover); } /*Adds Hover Effect on Internal Links*/ .cm-s-obsidian span.cm-hmd-internal-link:hover, .markdown-rendered .internal-link:hover { color: var(--text-normal); text-shadow: 0 0 5px var(--internal-link-hover), 0 0 10px var(--internal-link-hover), 0 0 20px var(--internal-link-hover), 0 0 35px var(--internal-link-hover); } /*Adds Hover Effect on External Links*/ .cm-s-obsidian span.cm-link:hover, .external-link:hover { color: var(--text-normal); text-shadow: 0 0 5px var(--link-external-color), 0 0 10px var(--link-external-color), 0 0 20px var(--link-external-color), 0 0 35px var(--link-external-color); } /*================== Lists =======================*/ /*Sets uncollapsed bullet point with animations*/ li:not(.is-collapsed) .list-bullet:after, .cm-formatting-list .list-bullet:after { content: '▻'; color: var(--bulletlist-color); font-weight: bold; transform: translate(10.5px, 5px) rotate(90deg); text-shadow: 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 20px var(--bulletlist-color), 0 0 35px var(--bulletlist-color); } /*Realigns Custom bullet point*/ .list-bullet { align-items: baseline; margin-right: 10px; } /*Sets collapsed bullet point with animations*/ li.is-collapsed .list-bullet:after, .is-collapsed~.cm-formatting-list .list-bullet:after { content: '▻'; color: var(--bulletlist-color); font-weight: bold; text-shadow: 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 20px var(--bulletlist-color), 0 0 35px var(--bulletlist-color); background-color: transparent; box-shadow: none; transform: translate(0px, 0px) rotate(0deg); margin-left: -0.4em; } /*Removes hover dot */ .cm-fold-indicator:hover~.cm-formatting-list .list-bullet:after, .cm-fold-indicator:hover.is-collapsed~.cm-formatting-list .list-bullet:after { background-color: transparent; box-shadow: none; } /*----------------------* Number list ----------------------------*/ /*Styles Default Number List*/ ol>li::marker, ul>li::marker, .cm-s-obsidian .cm-formatting-list { color: var(--text-normal); font-weight: bold; border-image-source: linear-gradient(to right, var(--bulletlist-color), transparent); text-shadow: 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 20px var(--bulletlist-color), 0 0 35px var(--bulletlist-color); } /*Adds style to the Identation guide */ .markdown-rendered.show-indentation-guide li>ul::before, .markdown-rendered.show-indentation-guide li>ol::before, .markdown-source-view.mod-cm6 .cm-indent::before { box-shadow: 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 20px var(--bulletlist-color), 0 0 35px var(--bulletlist-color); width: 0px; } /*Aligns Number List with identation guide*/ .markdown-rendered ol { margin-left: 3px; } /*Recheck Position*/ /*================ General UI =======================*/ /*Removes double background on Note Content*/ .workspace-split.mod-root .view-content .node-insert-event { background-color: transparent; } /*Changes App's background*/ .workspace { background-color: var(--background-secondary); } /*Sets style for active view header*/ .workspace-leaf.mod-active .view-header { border-top: 3px solid; border-bottom: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*Sets spacing for view header and colors*/ .view-header { margin: 0px; background: var(--background-primary-alt); border-top: 3px solid transparent; border-bottom: 2px solid transparent; } /*Colors the fade in header title*/ .view-header-title-container:not(.mod-at-end):after { background: linear-gradient(to right, transparent, var(--transparent-primary-alt)); } /*Header bar background changed*/ :is(.is-focused .workspace-leaf.mod-active .view-header, .view-header), .nav-header, .search-row, .search-results-info { background: var(--background-tertiary); border-radius: 5px 5px 0 0; backdrop-filter: blur(18px) saturate(120%); } /*Header Title Colored*/ .is-focused .workspace-leaf.mod-active .view-header-title, .workspace-leaf.mod-active .view-header-title, .workspace-leaf.mod-active .view-header-icon { color: var(--activetitle-highlight); } .view-header-title{ color: var(--Inactive-title); } /*Breadcrumb File Path*/ .view-header-title-parent .view-header-breadcrumb { color: var(--text-faint); } /*Breadcrumb File Path on Hover*/ .view-header-title-parent .view-header-breadcrumb:hover { color: var(--text-accent); background: var(--text-selection); } /*Breadcrumb File Path on Active*/ .view-header-title-parent .view-header-breadcrumb:active { color: var(--text-accent); background: var(--color-accent-active); } /*Breadcrumb Active Page*/ .workspace-leaf.mod-active .view-header-title, .workspace-leaf.mod-active .view-header-icon { background: var(--title-background-active-clicked); padding: 5px; border-radius: var(--radius-s); margin-left: 5px; border-image-slice: 1; border-right: 2px solid; border-image-source: linear-gradient(to top, transparent, var(--activetitle-highlight), transparent); border-left: 2px solid; } /*Breadcrumb Active Page on hover*/ .workspace-leaf.mod-active .view-header-title:hover{ background: var(--title-background-clicked); } /*Removes Redundant and unnecessary background coloring*/ body:not(.is-fullscreen).is-hidden-frameless .mod-top .workspace-tab-header-container, body.is-focused .workspace-ribbon.mod-left, body.is-focused .titlebar, body.is-focused .workspace-ribbon.mod-left, .workspace-tab-header-container, body:not(.is-mobile) .workspace-split.mod-root, .workspace-tabs .workspace-leaf, .mod-root .workspace-tabs .workspace-leaf { background: transparent; } /*Right Window Spacing*/ body:not(.is-mobile) .workspace-split.mod-vertical>* { margin-right: 5px; } /*Right of Left Sidepanel Window Spacing*/ body:not(.is-mobile) .workspace-split.mod-left-split { margin-right: 5px; } /*Main Pane View Content Style*/ .workspace-leaf-content .view-content { border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 3px solid; } /*======================= Style Setting's Workspace ===============================*/ /*-------------------- Style Setting's Workspace: Background Color ------------------*/ .CG-workspace-background { --background-primary: rgba(var(--bg-primary), var(--CG-workspace-background-workspace-slider, 0.45)); --background-secondary: rgba(var(--bg-secondary), var(--CG-workspace-background-workspace-slider, 0.45)); } /*--------------- Style Setting's Workspace: Background Images ------------------------*/ /*Applies the theme's Community Background*/ .CG-workspace-background.CG-workspace-background-image-obsidianbg .horizontal-main-container { --Obsidianbg: url("https://media.discordapp.net/attachments/931552763467411487/1072059542336176218/Obsidian-Community.png"); --CGworkspace-background-image: var(--Obsidianbg); } /*Applies the custom image to the background*/ .CG-workspace-background.CG-workspace-background-image-custom .horizontal-main-container { --CGworkspace-background-image: var(--CG-workspace-background-image-custom-option); } /*Applies the background colors as overlay for superior transparency to background image*/ .CG-workspace-background .horizontal-main-container { background: var(--CGworkspace-background-image); background-color: var(--background-primary); background-blend-mode: overlay; background-size: cover; } /*Applies background image customizations*/ body:not(.is-phone).CG-workspace-background .workspace { background-color: var(--background-secondary); backdrop-filter: brightness(var(--CG-workspace-background-brightness, 1.15)) blur(var(--CG-workspace-background-blur, 15px)) saturate(var(--CG-workspace-background-saturation, 2)) contrast(var(--CG-workspace-background-contrast, 100%)); } /*Removes sidebar coloring when custom image enabled*/ .CG-workspace-background .workspace-ribbon.mod-left.is-collapsed { background-color: transparent; } .workspace-split.mod-root .view-content, .workspace-leaf.mod-active .view-header{ backdrop-filter: brightness(var(--CG-workspace-background-brightness, 1.15)) blur(var(--CG-workspace-background-blur, 15px)) saturate(var(--CG-workspace-background-saturation, 2)) contrast(var(--CG-workspace-background-contrast, 100%)); } /*=========== CheckBox =================*/ .markdown-preview-view .task-list-item-checkbox { border: 1px solid var(--text-accent); box-shadow: 0 0 0.5em var(--text-accent); } .markdown-source-view.mod-cm6 .cm-indent::before { border-right: var(--indentation-guide-width) solid var(--text-accent); transform: translateX(0.24em); } /*------------------------- Style Settings: Custom Checkbox -------------------------------*/ .CG-custom-checkbox .view-content .task-list-item-checkbox { appearance: none; scale: 1.22; } .CG-custom-checkbox input[type='checkbox']:checked:after { background-color: black; } .CG-custom-checkbox .task-list-item-checkbox[data-task='x'], .CG-custom-checkbox li.task-list-item[data-task='x'] .task-list-item-checkbox { background-color: green; border: 1px solid green; box-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green; } .CG-custom-checkbox .task-list-item-checkbox[data-task='x']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='x'] .task-list-item-checkbox:hover { background-color: rgb(2, 169, 2); border: 1px solid rgb(2, 169, 2); } .CG-custom-checkbox [data-task='x'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='x'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m8.5 16.586l-3.793-3.793a1 1 0 0 0-1.414 1.414l4.5 4.5a1 1 0 0 0 1.414 0l11-11a1 1 0 0 0-1.414-1.414L8.5 16.586Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='?'], .CG-custom-checkbox ul>li.task-list-item[data-task='?'] .task-list-item-checkbox { background-color: gold; border: 1px solid gold; box-shadow: 0 0 5px gold, 0 0 10px gold, 0 0 15px gold; } .CG-custom-checkbox .task-list-item-checkbox[data-task='?']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='?'] .task-list-item-checkbox:hover { background-color: rgb(209, 178, 2); border: 1px solid rgb(209, 178, 2); } .CG-custom-checkbox [data-task='?'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='?'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M12 4a5 5 0 0 0-5 5a1 1 0 0 0 2 0c0-1.658 1.342-3 3-3s3 1.342 3 3c0 .816-.199 1.294-.438 1.629c-.262.365-.625.638-1.128.985l-.116.078c-.447.306-1.023.699-1.469 1.247c-.527.648-.849 1.467-.849 2.561v.5a1 1 0 1 0 2 0v-.5c0-.656.178-1.024.4-1.299c.257-.314.603-.552 1.114-.903l.053-.037c.496-.34 1.133-.786 1.62-1.468C16.7 11.081 17 10.183 17 9a5 5 0 0 0-5-5Zm0 17.25a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='-'], .CG-custom-checkbox ul>li.task-list-item[data-task='-'] .task-list-item-checkbox { background-color: red; border: 1px solid red; box-shadow: 0 0 5px red, 0 0 10px red, 0 0 15px red; } .CG-custom-checkbox .task-list-item-checkbox[data-task='-']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='-'] .task-list-item-checkbox:hover { background-color: rgb(215, 4, 4); border: 1px solid rgb(215, 4, 4); } .CG-custom-checkbox [data-task='-'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='-'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="m2.397 2.554l.073-.084a.75.75 0 0 1 .976-.073l.084.073L8 6.939l4.47-4.47a.75.75 0 1 1 1.06 1.061L9.061 8l4.47 4.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L8 9.061l-4.47 4.47a.75.75 0 0 1-1.06-1.061L6.939 8l-4.47-4.47a.75.75 0 0 1-.072-.976l.073-.084l-.073.084Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='!'], .CG-custom-checkbox ul>li.task-list-item[data-task='!'] .task-list-item-checkbox { background-color: darkorange; border: 1px solid darkorange; box-shadow: 0 0 5px darkorange, 0 0 10px darkorange, 0 0 15px darkorange; } .CG-custom-checkbox .task-list-item-checkbox[data-task='!']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='!'] .task-list-item-checkbox:hover { background-color: rgb(217, 119, 0); border: 1px solid rgb(217, 119, 0); } .CG-custom-checkbox [data-task='!'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='!'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M5.96 4.457a2.075 2.075 0 1 1 4.08 0l-.856 4.56a1.205 1.205 0 0 1-2.368 0l-.855-4.56ZM9.5 12.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='>'], .CG-custom-checkbox ul>li.task-list-item[data-task='>'] .task-list-item-checkbox { background-color: skyblue; border: 1px solid skyblue; box-shadow: 0 0 5px skyblue, 0 0 10px skyblue, 0 0 15px skyblue; } .CG-custom-checkbox .task-list-item-checkbox[data-task='>']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='>'] .task-list-item-checkbox:hover { background-color: rgb(112, 174, 198); border: 1px solid rgb(112, 174, 198); } .CG-custom-checkbox [data-task='>'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='>'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M5.74 3.2a.75.75 0 0 0-.04 1.06L9.227 8L5.7 11.74a.75.75 0 1 0 1.1 1.02l4-4.25a.75.75 0 0 0 0-1.02l-4-4.25a.75.75 0 0 0-1.06-.04Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='/'], .CG-custom-checkbox ul>li.task-list-item[data-task='/'] .task-list-item-checkbox { background-color: palevioletred; border: 1px solid palevioletred; box-shadow: 0 0 5px palevioletred, 0 0 10px palevioletred, 0 0 15px palevioletred; } .CG-custom-checkbox .task-list-item-checkbox[data-task='/']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='/'] .task-list-item-checkbox:hover { background-color: rgb(190, 100, 130); border: 1px solid rgb(190, 100, 130); } .CG-custom-checkbox [data-task='/'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='/'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16Zm0 1a7 7 0 0 1 6.982 6.5H3.018A7 7 0 0 1 10 3Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='R'], .CG-custom-checkbox ul>li.task-list-item[data-task='R'] .task-list-item-checkbox { background-color: rosybrown; border: 1px solid rosybrown; box-shadow: 0 0 5px rosybrown, 0 0 10px rosybrown, 0 0 15px rosybrown; } .CG-custom-checkbox .task-list-item-checkbox[data-task='R']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='R'] .task-list-item-checkbox:hover { background-color: rgb(156, 119, 119); border: 1px solid rgb(156, 119, 119); } .CG-custom-checkbox [data-task='R'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='R'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M2.984 8.625v.003a.5.5 0 0 1-.612.355c-.431-.114-.355-.611-.355-.611l.018-.062s.026-.084.047-.145a6.7 6.7 0 0 1 1.117-1.982C4.096 5.089 5.605 4 8 4s3.904 1.089 4.802 2.183a6.7 6.7 0 0 1 1.117 1.982a4.077 4.077 0 0 1 .06.187l.003.013v.004l.001.002a.5.5 0 0 1-.966.258l-.001-.004l-.008-.025a4.872 4.872 0 0 0-.2-.52a5.696 5.696 0 0 0-.78-1.263C11.286 5.912 10.044 5 8 5c-2.044 0-3.285.912-4.028 1.817a5.7 5.7 0 0 0-.945 1.674a3.018 3.018 0 0 0-.035.109l-.008.025ZM8 7a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5ZM6.5 9.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='+'], .CG-custom-checkbox ul>li.task-list-item[data-task='+'] .task-list-item-checkbox { background-color: silver; border: 1px solid silver; box-shadow: 0 0 5px silver, 0 0 10px silver, 0 0 15px silver; } .CG-custom-checkbox .task-list-item-checkbox[data-task='+']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='+'] .task-list-item-checkbox:hover { background-color: rgb(162, 162, 162); border: 1px solid rgb(162, 162, 162); } .CG-custom-checkbox [data-task='+'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='+'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M15 5.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0Zm-4-2a.5.5 0 0 0-1 0V5H8.5a.5.5 0 0 0 0 1H10v1.5a.5.5 0 0 0 1 0V6h1.5a.5.5 0 0 0 0-1H11V3.5Zm-.5 7.5c1.33 0 2.55-.472 3.5-1.257V12.5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 12.5v-7A2.5 2.5 0 0 1 4.5 3h1.1a5.463 5.463 0 0 0-.393 1H4.5A1.5 1.5 0 0 0 3 5.5V9h2.5a.5.5 0 0 1 .5.5c0 .052.008.162.032.308c.041.247.115.494.228.718c.308.618.843.974 1.74.974c.692 0 1.168-.212 1.492-.592c.326.06.663.092 1.008.092Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='b'], .CG-custom-checkbox ul>li.task-list-item[data-task='b'] .task-list-item-checkbox { background-color: steelblue; border: 1px solid steelblue; box-shadow: 0 0 5px steelblue, 0 0 10px steelblue, 0 0 15px steelblue; } .CG-custom-checkbox .task-list-item-checkbox[data-task='b']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='b'] .task-list-item-checkbox:hover { background-color: rgb(82, 152, 209); border: 1px solid rgb(82, 152, 209); } .CG-custom-checkbox [data-task='b'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='b'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M4 4.5A2.5 2.5 0 0 1 6.5 2h7A2.5 2.5 0 0 1 16 4.5v13a.5.5 0 0 1-.794.404L10 14.118l-5.206 3.786A.5.5 0 0 1 4 17.5v-13Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='B'], .CG-custom-checkbox ul>li.task-list-item[data-task='B'] .task-list-item-checkbox { background-color: hotpink; border: 1px solid hotpink; box-shadow: 0 0 5px hotpink, 0 0 10px hotpink, 0 0 15px hotpink; } .CG-custom-checkbox .task-list-item-checkbox[data-task='B']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='B'] .task-list-item-checkbox:hover { background-color: rgb(220, 90, 155); border: 1px solid rgb(220, 90, 155); } .CG-custom-checkbox [data-task='B'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='B'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M6.13 2.793A3.91 3.91 0 0 1 8.5 2c.24 0 .431.125.542.211c.124.098.24.223.344.348a.5.5 0 0 1 .114.318V6.5H8.415a1.5 1.5 0 1 0 0 1H9.5v9.415a.5.5 0 0 1-.183.387C8.855 17.68 8.237 18 7.5 18c-1.186 0-2.069-.598-2.64-1.313a4.057 4.057 0 0 1-.819-1.752a2.68 2.68 0 0 1-1.054-.555C2.435 13.907 2 13.14 2 12c0-.557.037-1.06.12-1.5h3.13c.636 0 1.16.475 1.24 1.089a1.5 1.5 0 1 0 1.004-.006A2.25 2.25 0 0 0 5.25 9.5H2.441c.153-.298.358-.55.625-.729a1.58 1.58 0 0 1 .212-.118c-.284-.832-.21-1.806.064-2.571c.175-.492.453-.957.835-1.267c.252-.205.552-.34.88-.366c.144-.683.549-1.248 1.074-1.656ZM10.5 14.5h.75a2.25 2.25 0 0 0 2.25-2.25v-1.835a1.5 1.5 0 1 0-1 0v1.835c0 .69-.56 1.25-1.25 1.25h-.75V2.877a.5.5 0 0 1 .114-.318c.103-.125.22-.25.344-.348c.11-.086.301-.211.542-.211a3.91 3.91 0 0 1 2.37.793c.525.408.93.973 1.073 1.656c.328.025.628.161.88.366c.382.31.66.775.835 1.267c.274.765.348 1.74.064 2.57c.072.034.143.074.212.12c.275.183.484.445.638.754c.303.605.428 1.449.428 2.474c0 1.141-.435 1.907-.987 2.38a2.68 2.68 0 0 1-1.054.555c-.1.558-.38 1.204-.819 1.752c-.57.715-1.454 1.313-2.64 1.313c-.736 0-1.355-.32-1.816-.698a.5.5 0 0 1-.184-.387V14.5ZM7 6.5a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1Zm0 6a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1Zm6-3a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='D'], .CG-custom-checkbox ul>li.task-list-item[data-task='D'] .task-list-item-checkbox { background-color: olivedrab; border: 1px solid olivedrab; box-shadow: 0 0 5px olivedrab, 0 0 10px olivedrab, 0 0 15px olivedrab; } .CG-custom-checkbox .task-list-item-checkbox[data-task='D']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='D'] .task-list-item-checkbox:hover { background-color: rgb(123, 163, 41); border: 1px solid rgb(123, 163, 41); } .CG-custom-checkbox [data-task='D'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='D'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M10.752 8.997a.748.748 0 1 1 0-1.497a.748.748 0 0 1 0 1.497Zm-.749 1.752a.748.748 0 1 0 1.497 0a.748.748 0 0 0-1.497 0ZM8 8.996A.748.748 0 1 1 8 7.5a.748.748 0 0 1 0 1.497Zm-.749 1.752a.748.748 0 1 0 1.497 0a.748.748 0 0 0-1.497 0Zm-2-1.752a.748.748 0 1 1 0-1.497a.748.748 0 0 1 0 1.497ZM2 4.5A2.5 2.5 0 0 1 4.5 2h7A2.5 2.5 0 0 1 14 4.5v7a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 11.5v-7ZM13 6H3v5.5A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5V6Zm-1.5-3h-7A1.5 1.5 0 0 0 3 4.5V5h10v-.5A1.5 1.5 0 0 0 11.5 3Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='I'], .CG-custom-checkbox ul>li.task-list-item[data-task='I'] .task-list-item-checkbox { background-color: dodgerblue; border: 1px solid dodgerblue; box-shadow: 0 0 5px dodgerblue, 0 0 10px dodgerblue, 0 0 15px dodgerblue; } .CG-custom-checkbox .task-list-item-checkbox[data-task='I']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='I'] .task-list-item-checkbox:hover { background-color: rgb(28, 132, 235); border: 1px solid rgb(28, 132, 235); } .CG-custom-checkbox [data-task='I'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='I'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M8 7a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 8 7Zm0-.75a.749.749 0 1 0 0-1.5a.749.749 0 0 0 0 1.498ZM2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Zm6-5a5 5 0 1 0 0 10A5 5 0 0 0 8 3Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='i'], .CG-custom-checkbox ul>li.task-list-item[data-task='i'] .task-list-item-checkbox { background-color: goldenrod; border: 1px solid goldenrod; box-shadow: 0 0 5px goldenrod, 0 0 10px goldenrod, 0 0 15px goldenrod; } .CG-custom-checkbox .task-list-item-checkbox[data-task='i']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='i'] .task-list-item-checkbox:hover { background-color: rgb(199, 151, 28); border: 1px solid rgb(199, 151, 28); } .CG-custom-checkbox [data-task='i'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='i'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M9.5 6.502a.5.5 0 0 1 1 0v1.002a.5.5 0 0 1-1 0V6.502Zm3.35.941a.5.5 0 0 0-.707 0l-.708.709a.5.5 0 0 0 .707.707l.709-.709a.5.5 0 0 0 0-.707Zm-4.998 0a.5.5 0 1 0-.707.707l.708.709a.5.5 0 1 0 .707-.707l-.708-.709ZM10 2c3.314 0 6 2.597 6 5.8c0 1.677-.745 3.216-2.204 4.594a.599.599 0 0 0-.145.213l-.026.081l-.936 3.917c-.184.771-.865 1.33-1.67 1.39l-.144.005h-1.75c-.818 0-1.535-.516-1.776-1.262l-.038-.133l-.935-3.916a.595.595 0 0 0-.17-.295c-1.39-1.312-2.133-2.77-2.2-4.355L4 7.8l.003-.191C4.108 4.494 6.753 2 10 2ZM7.955 15l.319 1.334l.026.096c.097.3.376.522.712.563l.113.007h1.713l.106-.003a.856.856 0 0 0 .741-.525l.031-.1l.329-1.372h-4.09ZM10 3C7.368 3 5.212 4.953 5.015 7.414l-.012.212L5 7.779l.004.217c.056 1.304.674 2.525 1.888 3.671c.188.178.33.398.414.64l.043.15L7.716 14H9.5V9.497a.5.5 0 1 1 1 0V14h1.785l.387-1.615l.051-.15c.086-.215.218-.409.386-.568C14.383 10.465 15 9.181 15 7.8C15 5.157 12.769 3 10 3Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='N'], .CG-custom-checkbox ul>li.task-list-item[data-task='N'] .task-list-item-checkbox { background-color: plum; border: 1px solid plum; box-shadow: 0 0 5px plum, 0 0 10px plum, 0 0 15px plum; } .CG-custom-checkbox .task-list-item-checkbox[data-task='N']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='N'] .task-list-item-checkbox:hover { background-color: rgb(193, 137, 193); border: 1px solid rgb(193, 137, 193); } .CG-custom-checkbox [data-task='N'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='N'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M4.5 2A2.5 2.5 0 0 0 2 4.5v7A2.5 2.5 0 0 0 4.5 14h3.672a2.5 2.5 0 0 0 1.767-.732l3.329-3.329A2.5 2.5 0 0 0 14 8.172V4.5A2.5 2.5 0 0 0 11.5 2h-7ZM3 4.5A1.5 1.5 0 0 1 4.5 3h7A1.5 1.5 0 0 1 13 4.5V8h-2.5A2.5 2.5 0 0 0 8 10.5V13H4.5A1.5 1.5 0 0 1 3 11.5v-7Zm6 8.25V10.5A1.5 1.5 0 0 1 10.5 9h2.25c-.055.083-.118.16-.19.232l-3.328 3.329a1.564 1.564 0 0 1-.232.19Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='Q'], .CG-custom-checkbox ul>li.task-list-item[data-task='Q'] .task-list-item-checkbox, .CG-custom-checkbox .task-list-item-checkbox[data-task='"'], .CG-custom-checkbox ul>li.task-list-item[data-task='"'] .task-list-item-checkbox { background-color: tan; border: 1px solid tan; box-shadow: 0 0 5px tan, 0 0 10px tan, 0 0 15px tan; } .CG-custom-checkbox .task-list-item-checkbox[data-task='Q']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='Q'] .task-list-item-checkbox:hover, .CG-custom-checkbox .task-list-item-checkbox[data-task='"']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='"'] .task-list-item-checkbox:hover { background-color: rgb(183, 156, 122); border: 1px solid rgb(183, 156, 122); } .CG-custom-checkbox [data-task='Q'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='Q'][type='checkbox']:checked:after, .CG-custom-checkbox [data-task='"'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='"'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M9.646 11.146c1.387-1.386 2.008-2.76 2.24-4.352A2 2 0 1 1 13 5c-.001 2.592-.528 4.734-2.647 6.854a.5.5 0 0 1-.708-.708Zm-6 0c1.387-1.386 2.009-2.76 2.24-4.352A2 2 0 1 1 7 5c-.001 2.592-.528 4.734-2.647 6.854a.5.5 0 0 1-.708-.708Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='P'], .CG-custom-checkbox ul>li.task-list-item[data-task='P'] .task-list-item-checkbox, .CG-custom-checkbox .task-list-item-checkbox[data-task='p'], .CG-custom-checkbox ul>li.task-list-item[data-task='p'] .task-list-item-checkbox { background-color: limegreen; border: 1px solid limegreen; box-shadow: 0 0 5px limegreen, 0 0 10px limegreen, 0 0 15px limegreen; } .CG-custom-checkbox .task-list-item-checkbox[data-task='P']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='P'] .task-list-item-checkbox:hover, .CG-custom-checkbox .task-list-item-checkbox[data-task='p']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='p'] .task-list-item-checkbox:hover { background-color: rgb(45, 184, 45); border: 1px solid rgb(45, 184, 45); } .CG-custom-checkbox [data-task='P'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='P'][type='checkbox']:checked:after, .CG-custom-checkbox [data-task='p'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='p'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M15.056 9.004c.46-1.427.693-2.677.693-3.754c0-2.398-.939-4.247-2.5-4.247c-.847 0-1.109.504-1.437 1.747c.018-.065-.163.634-.215.821c-.101.359-.277.97-.527 1.831a.247.247 0 0 1-.03.065L8.174 9.953a5.885 5.885 0 0 1-2.855 2.326l-1.257.482a1.75 1.75 0 0 0-1.092 1.967l.686 3.539a2.25 2.25 0 0 0 1.673 1.757l8.25 2.022a4.75 4.75 0 0 0 5.733-3.44l1.574-6.173a2.75 2.75 0 0 0-2.665-3.43h-3.165Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='C'], .CG-custom-checkbox ul>li.task-list-item[data-task='C'] .task-list-item-checkbox, .CG-custom-checkbox .task-list-item-checkbox[data-task='c'], .CG-custom-checkbox ul>li.task-list-item[data-task='c'] .task-list-item-checkbox { background-color: crimson; border: 1px solid crimson; box-shadow: 0 0 5px crimson, 0 0 10px crimson, 0 0 15px crimson; } .CG-custom-checkbox .task-list-item-checkbox[data-task='C']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='C'] .task-list-item-checkbox:hover, .CG-custom-checkbox .task-list-item-checkbox[data-task='c']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='c'] .task-list-item-checkbox:hover { background-color: rgb(194, 19, 54); border: 1px solid rgb(194, 19, 54); } .CG-custom-checkbox [data-task='C'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='C'][type='checkbox']:checked:after, .CG-custom-checkbox [data-task='c'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='c'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M15.056 14.183c.46 1.427.693 2.676.693 3.753c0 2.398-.939 4.247-2.5 4.247c-.8 0-1.078-.45-1.383-1.546l-.27-1.022c-.1-.358-.276-.97-.526-1.83a.247.247 0 0 0-.03-.066l-2.866-4.485a5.885 5.885 0 0 0-2.855-2.327l-1.257-.481A1.75 1.75 0 0 1 2.97 8.458l.686-3.538a2.25 2.25 0 0 1 1.673-1.758l8.25-2.021a4.75 4.75 0 0 1 5.733 3.44l1.574 6.172a2.75 2.75 0 0 1-2.665 3.43h-3.165Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='u'], .CG-custom-checkbox ul>li.task-list-item[data-task='u'] .task-list-item-checkbox { background-color: lawngreen; border: 1px solid lawngreen; box-shadow: 0 0 5px lawngreen, 0 0 10px lawngreen, 0 0 15px lawngreen; } .CG-custom-checkbox .task-list-item-checkbox[data-task='u']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='u'] .task-list-item-checkbox:hover { background-color: rgb(112, 222, 3); border: 1px solid rgb(112, 222, 3); } .CG-custom-checkbox [data-task='u'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='u'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="m8.75 4l4.548.001l.108.015l.113.033l.102.048l.038.023l.049.035l.076.067l.084.101l.059.1l.041.105l.023.097l.01.125v4.504a.75.75 0 0 1-1.493.102l-.006-.102L12.5 6.56l-4.22 4.223a.75.75 0 0 1-.978.073l-.084-.073L5.75 9.31l-2.469 2.47a.75.75 0 0 1-1.133-.977l.073-.084l2.998-3a.75.75 0 0 1 .977-.073l.084.073l1.47 1.474L11.441 5.5H8.75a.75.75 0 0 1-.743-.648L8 4.75A.75.75 0 0 1 8.75 4Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='d'], .CG-custom-checkbox ul>li.task-list-item[data-task='d'] .task-list-item-checkbox { background-color: firebrick; border: 1px solid firebrick; box-shadow: 0 0 5px firebrick, 0 0 10px firebrick, 0 0 15px firebrick; } .CG-custom-checkbox .task-list-item-checkbox[data-task='d']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='d'] .task-list-item-checkbox:hover { background-color: rgb(197, 38, 38); border: 1px solid rgb(197, 38, 38); } .CG-custom-checkbox [data-task='d'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='d'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="m8.75 12l4.548-.001l.108-.015l.113-.033l.102-.048l.038-.023l.049-.035l.076-.067l.084-.101l.059-.1l.041-.105l.023-.098l.01-.124V6.746a.75.75 0 0 0-1.493-.102l-.006.102L12.5 9.44L8.28 5.217a.75.75 0 0 0-.978-.073l-.084.073L5.75 6.69L3.28 4.219a.75.75 0 0 0-1.133.977l.073.084l2.998 3a.75.75 0 0 0 .977.073l.084-.073L7.75 6.807l3.691 3.693H8.75a.75.75 0 0 0-.743.648L8 11.25c0 .414.336.75.75.75Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='<'], .CG-custom-checkbox ul>li.task-list-item[data-task='<'] .task-list-item-checkbox { background-color: cornflowerblue; border: 1px solid cornflowerblue; box-shadow: 0 0 5px cornflowerblue, 0 0 10px cornflowerblue, 0 0 15px cornflowerblue; } .CG-custom-checkbox .task-list-item-checkbox[data-task='<']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='<'] .task-list-item-checkbox:hover { background-color: rgb(91, 132, 208); border: 1px solid rgb(91, 132, 208); } .CG-custom-checkbox [data-task='<'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='<'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m12.815 12.197l-7.532 1.255a.5.5 0 0 0-.386.318L2.3 20.728c-.248.64.421 1.25 1.035.942l7.674-3.837a6.5 6.5 0 0 1 10.589-5.38a.752.752 0 0 0-.263-1.124l-18-9c-.614-.307-1.283.303-1.035.942l2.598 6.958a.5.5 0 0 0 .386.318l7.532 1.255a.2.2 0 0 1 0 .395ZM17.5 12a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11Zm2 5.5h-2V15a.5.5 0 0 0-1 0v3a.5.5 0 0 0 .5.5h2.5a.5.5 0 0 0 0-1Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='*'], .CG-custom-checkbox ul>li.task-list-item[data-task='*'] .task-list-item-checkbox { background-color: yellow; border: 1px solid yellow; box-shadow: 0 0 5px yellow, 0 0 10px yellow, 0 0 15px yellow; } .CG-custom-checkbox .task-list-item-checkbox[data-task='*']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='*'] .task-list-item-checkbox:hover { background-color: rgb(224, 224, 3); border: 1px solid rgb(224, 224, 3); } .CG-custom-checkbox [data-task='*'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='*'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M9.104 2.9a1 1 0 0 1 1.794 0l1.93 3.91l4.317.628a1 1 0 0 1 .554 1.706l-3.124 3.044l.738 4.3a1 1 0 0 1-1.451 1.054l-3.86-2.03l-3.862 2.03a1 1 0 0 1-1.45-1.055l.737-4.299l-3.124-3.044a1 1 0 0 1 .554-1.706l4.317-.627l1.93-3.912ZM4.39 12.687a.5.5 0 0 1-.078.703l-2.5 2a.5.5 0 1 1-.624-.781l2.5-2a.5.5 0 0 1 .702.078ZM4.312 5.11a.5.5 0 1 1-.624.78l-2.5-2a.5.5 0 1 1 .624-.78l2.5 2Zm11.297 7.578a.5.5 0 0 0 .079.703l2.5 2a.5.5 0 1 0 .624-.781l-2.5-2a.5.5 0 0 0-.703.078Zm.079-7.578a.5.5 0 0 0 .624.78l2.5-2a.5.5 0 1 0-.624-.78l-2.5 2Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='l'], .CG-custom-checkbox ul>li.task-list-item[data-task='l'] .task-list-item-checkbox { background-color: palegreen; border: 1px solid palegreen; box-shadow: 0 0 5px palegreen, 0 0 10px palegreen, 0 0 15px palegreen; } .CG-custom-checkbox .task-list-item-checkbox[data-task='l']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='l'] .task-list-item-checkbox:hover { background-color: rgb(129, 213, 129); border: 1px solid rgb(129, 213, 129); } .CG-custom-checkbox [data-task='l'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='l'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M7.318 6.5c.168-.873.397-1.657.67-2.32c.301-.733.648-1.294 1.008-1.663C9.354 2.149 9.693 2 10 2c.307 0 .646.149 1.004.517c.36.37.707.93 1.008 1.663c.273.663.502 1.447.67 2.32H7.318Zm-.255-2.7a7.188 7.188 0 0 1 .827-1.52A8.02 8.02 0 0 0 2.804 6.5h3.497c.182-1.007.441-1.922.762-2.7Zm5.874 0a7.19 7.19 0 0 0-.827-1.519A8.02 8.02 0 0 1 17.196 6.5h-3.497c-.182-1.007-.441-1.922-.762-2.7Zm.913 3.7h3.752c.234.712.37 1.468.394 2.253a4.39 4.39 0 0 0-2.495-.752c-.54 0-1.048.09-1.514.255A20.147 20.147 0 0 0 13.85 7.5Zm-.851 2.258a19.325 19.325 0 0 0-.157-2.258H7.158A19.438 19.438 0 0 0 7 10c0 .875.056 1.714.158 2.5h3.982c.272-1.128.93-2.109 1.859-2.742ZM11.003 13.5H7.318c.168.873.397 1.657.67 2.32c.301.733.648 1.294 1.008 1.663c.358.368.697.517 1.004.517c.307 0 .646-.149 1.004-.517c.254-.26.502-.617.732-1.063c-.491-.934-.736-1.87-.736-2.738l.003-.182Zm-8.199 0a8.02 8.02 0 0 0 5.087 4.219a7.187 7.187 0 0 1-.828-1.518c-.32-.78-.58-1.694-.762-2.701H2.804Zm3.346-1H2.398A7.992 7.992 0 0 1 2 10c0-.873.14-1.713.398-2.5H6.15C6.052 8.295 6 9.134 6 10c0 .866.052 1.705.15 2.5ZM19 13.682c0-2.033-1.465-3.681-3.499-3.681c-2.033 0-3.501 1.648-3.501 3.681c0 1.524.982 3.53 3.256 5.236c.145.11.345.11.49 0C18.022 17.212 19 15.206 19 13.682Zm-2-.182a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='S'], .CG-custom-checkbox ul>li.task-list-item[data-task='S'] .task-list-item-checkbox { background-color: lightcoral; border: 1px solid lightcoral; box-shadow: 0 0 5px lightcoral, 0 0 10px lightcoral, 0 0 15px lightcoral; } .CG-custom-checkbox .task-list-item-checkbox[data-task='S']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='S'] .task-list-item-checkbox:hover { background-color: rgb(200, 107, 107); border: 1px solid rgb(200, 107, 107); } .CG-custom-checkbox [data-task='S'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='S'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M13.973 7.722c.018.173.027.354.027.545c0 1.297-.452 2.169-.89 2.715a3.603 3.603 0 0 1-.603.596a2.61 2.61 0 0 1-.236.162l-.009.005a.5.5 0 0 0-.262.44V13.5a.5.5 0 0 1-.5.5H11a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1h-.5a.5.5 0 0 1-.5-.5v-.603a.5.5 0 0 0-.45-.498a2.855 2.855 0 0 1-.464-.143a3.16 3.16 0 0 1-1.063-.707c-.443-.45-.714-1.042-.86-1.453c-.143-.409-.471-.779-.94-.911A.307.307 0 0 1 2 8.89v-.794a.29.29 0 0 1 .21-.279c.485-.139.809-.531.946-.945c.112-.34.31-.776.632-1.103a4.818 4.818 0 0 1 1.262-.906c.039-.02.07-.034.09-.043l.02-.01l.004-.001a.5.5 0 0 0 .303-.46V2.675a7.2 7.2 0 0 0 .7.527c.317.208.687.405 1.074.51c.114-.328.27-.64.464-.928h-.006c-.279-.029-.62-.18-.985-.419a7.02 7.02 0 0 1-.94-.757a.774.774 0 0 0-.827-.15a.76.76 0 0 0-.48.704v1.877a6.09 6.09 0 0 0-1.39 1.028c-.477.482-.736 1.084-.87 1.491c-.056.167-.168.268-.272.297A1.29 1.29 0 0 0 1 8.095v.795c0 .585.389 1.098.951 1.257a.43.43 0 0 1 .27.281c.166.472.498 1.223 1.09 1.823A4.158 4.158 0 0 0 5 13.287v.213A1.5 1.5 0 0 0 6.5 15H7a1 1 0 0 0 1-1h2a1 1 0 0 0 1 1h.5a1.5 1.5 0 0 0 1.5-1.5v-1.043a4.61 4.61 0 0 0 .89-.85c.562-.7 1.11-1.788 1.11-3.34c0-.65-.092-1.232-.27-1.752a4.01 4.01 0 0 1-.757 1.207Zm-.182-3.847a3.001 3.001 0 0 1-.91 3.502c-.417.329-.988.304-1.478.1l-2.39-.989c-.49-.203-.912-.589-.974-1.116a3.001 3.001 0 0 1 5.752-1.497Zm-1.53 2.717a2.001 2.001 0 1 0-3.228-1.337c.002.02.01.057.066.116a.87.87 0 0 0 .297.193l2.39.99a.84.84 0 0 0 .347.073c.08-.002.113-.023.128-.035ZM5.75 7.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='k'], .CG-custom-checkbox ul>li.task-list-item[data-task='k'] .task-list-item-checkbox { background-color: steelblue; border: 1px solid steelblue; box-shadow: 0 0 5px steelblue, 0 0 10px steelblue, 0 0 15px steelblue; } .CG-custom-checkbox .task-list-item-checkbox[data-task='k']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='k'] .task-list-item-checkbox:hover { background-color: rgb(80, 149, 206); border: 1px solid rgb(80, 149, 206); } .CG-custom-checkbox [data-task='k'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='k'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cg fill="currentColor"%3E%3Cpath d="M11 6a1 1 0 1 0 0-2a1 1 0 0 0 0 2Z"%2F%3E%3Cpath d="M7.5 12v-.5h1A.5.5 0 0 0 9 11v-1h1a4 4 0 1 0-3.838-2.87L2.292 11a1 1 0 0 0-.292.707V13a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-.5h1a.5.5 0 0 0 .5-.5ZM7 6a3 3 0 1 1 3 3H8.5a.5.5 0 0 0-.5.5v1H7a.5.5 0 0 0-.5.5v.5h-1a.5.5 0 0 0-.5.5v1H3v-1.293l4.089-4.089a.5.5 0 0 0 .113-.534C7.072 6.748 7 6.384 7 6Z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='w'], .CG-custom-checkbox ul>li.task-list-item[data-task='w'] .task-list-item-checkbox { background-color: darkorange; border: 1px solid darkorange; box-shadow: 0 0 5px darkorange, 0 0 10px darkorange, 0 0 15px darkorange; } .CG-custom-checkbox .task-list-item-checkbox[data-task='w']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='w'] .task-list-item-checkbox:hover { background-color: rgb(216, 120, 1); border: 1px solid rgb(216, 120, 1); } .CG-custom-checkbox [data-task='w'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='w'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M3.999 3h-.503a1.5 1.5 0 0 0-1.5 1.5v1c0 1.252.922 2.288 2.122 2.471a4.004 4.004 0 0 0 3.381 2.998V12h-1.5a2 2 0 0 0-2 2v.504a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V14a2 2 0 0 0-2-2h-1.5v-1.03a4.004 4.004 0 0 0 3.381-3A2.501 2.501 0 0 0 14 5.5v-1A1.5 1.5 0 0 0 12.5 3H12a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2Zm8 1h.5a.5.5 0 0 1 .5.5v1a1.5 1.5 0 0 1-1 1.414V4Zm-8 0v2.915A1.502 1.502 0 0 1 2.996 5.5v-1a.5.5 0 0 1 .5-.5H4Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } .CG-custom-checkbox .task-list-item-checkbox[data-task='f'], .CG-custom-checkbox ul>li.task-list-item[data-task='f'] .task-list-item-checkbox { background-color: orangered; border: 1px solid orangered; box-shadow: 0 0 5px orangered, 0 0 10px orangered, 0 0 15px orangered; } .CG-custom-checkbox .task-list-item-checkbox[data-task='f']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='f'] .task-list-item-checkbox:hover { background-color: rgb(214, 57, 0); border: 1px solid rgb(214, 57, 0); } .CG-custom-checkbox [data-task='f'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='f'][type='checkbox']:checked:after { -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M4 14q0-2.625 1.25-4.675T8 5.875q1.5-1.4 2.75-2.138L12 3v3.3q0 .925.625 1.462q.625.538 1.4.538q.425 0 .813-.175q.387-.175.712-.575L16 7q1.8 1.05 2.9 2.912Q20 11.775 20 14q0 2.2-1.075 4.012q-1.075 1.813-2.825 2.863q.425-.6.663-1.313Q17 18.85 17 18.05q0-1-.375-1.887q-.375-.888-1.075-1.588L12 11.1l-3.525 3.475q-.725.725-1.1 1.6Q7 17.05 7 18.05q0 .8.238 1.512q.237.713.662 1.313q-1.75-1.05-2.825-2.863Q4 16.2 4 14Zm8-.1l2.125 2.075q.425.425.65.95q.225.525.225 1.125q0 1.225-.875 2.087Q13.25 21 12 21t-2.125-.863Q9 19.275 9 18.05q0-.575.225-1.112q.225-.538.65-.963Z"%2F%3E%3C%2Fsvg%3E'); -webkit-mask-size: 100%; } /*========== Mobile UI =============*/ /*Fixes strange tiny next/prev buttons on finder for PDF*/ .is-phone .pdf-findbar .pdf-toolbar-button{ padding:3px; } /*Readapts scroller editor*/ body.is-phone .markdown-source-view.mod-cm6 .cm-scroller::-webkit-scrollbar-track { margin-bottom: 48px; } /*Fixes the offset for header title for note*/ .is-mobile .view-header-title-container { padding-left: 0px; } /*Corrects Scrollbar height for edit/preview new view*/ .is-mobile .workspace-leaf-content[data-type='markdown'] .view-content ::-webkit-scrollbar-track { margin-bottom: 34px; margin-top:50px; } /*Shifts body for new style in markdown only for Mobile*/ .is-mobile .workspace-leaf-content[data-type="markdown"] .markdown-preview-view.is-readable-line-width .markdown-preview-sizer{ margin-top:50px; } .is-mobile .view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller{ padding-top:60px; } /*Sets style for header in markdown only*/ .workspace-leaf-content[data-type="markdown"] .view-header { position: absolute; width: 100%; background: var(--background-tertiary); --webkit-backdrop-filter: blur 120px; backdrop-filter: blur(18px); z-index: 90 !important; border-radius: 5px 5px 0 0; } /*On phone brighter text color*/ .is-phone .suggestion-item, .is-phone .menu-item, .is-phone .menu-item-icon, .is-mobile .tree-item .tree-item-self, .mobile-toolbar-option{ color: var(--text-accent); } /*On phone icon in file tree text color*/ body.is-phone .workspace-leaf-content[data-type="file-explorer"] .nav-file-title .nav-file-title-content::before, body.is-phone .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title .nav-folder-title-content::before{ background-color: var(--text-accent); } /*Sets Spacing of items on nav bar*/ .mobile-navbar-actions { justify-content: space-around; } /*Bottom Nav Styled*/ .mobile-navbar-actions, .is-phone .workspace-drawer .nav-header { border-bottom: 2px solid; border-top: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); } /*Unique Menu Style*/ .is-mobile .menu, .theme-dark.is-mobile .prompt, .is-mobile .prompt { background: var(--background-settings); border-radius: 3px; border-image-slice: 1; border-top: 2px solid; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 2px solid; } /*Styles text search on mobile*/ .is-mobile .workspace-leaf-content[data-type="markdown"] .document-search-container { width: 100%; position:absolute; background: var(--background-tertiary); --webkit-backdrop-filter: blur 120px; backdrop-filter: blur(18px); margin-top:50px; } /*Bumps down content for text search.is-mobile .document-sear in preview*/ .is-mobile .document-search-container ~ .markdown-preview-view { margin-top:60px; } /*Bumps down content for text search in editor*/ .is-mobile .document-search-container ~ .cm-editor{ padding-top:60px !important; } /*Bumps down content for text search and replace in editor*/ .is-mobile .document-search-container.mod-replace-mode ~ .cm-editor{ margin-top:60px; } /*Sets appropriate spacings between header, Finder and replacer*/ .is-mobile .document-search, .is-mobile .document-replace{ margin-top: 10px; } /*Adds a blur effect to PDF thumbnail container on mobile*/ .is-mobile .pdf-content-container.sidebarOpen .pdf-sidebar-container { backdrop-filter: blur(8px); } /*"Float Phone Menu "*/ .is-phone .menu{ top: 20%!important; } /*Sets the color for toolbar style*/ .mobile-toolbar-option:active { background: var(--text-selection); border-image-slice: 1; border-right: 1px solid; border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent); border-left: 1px solid; border-radius: var(--radius-s); padding-top:3px; padding-bottom:3px; } /*Mobile Navigation Bar (bottom)*/ .mobile-navbar { backdrop-filter: blur(18px); background: var(--background-tertiary); background-attachment: fixed !important; } /*Edit Mode Toolbar*/ .mobile-toolbar-options-container { padding: 26px 10px; align-items: center; z-index: 90; backdrop-filter: blur(18px); background: var(--background-settings); background-attachment: fixed !important; position: absolute; bottom: 0px; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-top: 2px solid; } /*Fixes misaligned bullet points in mobile preview*/ .is-mobile .markdown-rendered .list-collapse-indicator{ margin-left:-2.5em; } /*Mobile and Notice Style*/ .pull-action.mod-activated, .pull-action, .is-phone .notice { background: var(--background-tertiary); --webkit-backdrop-filter: blur 120px; backdrop-filter: blur(18px); z-index: 90 !important; border-radius: 5px 5px 0 0; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 1px solid; border-top: 1px solid; border-radius: var(--radius-s); color: var(--text-normal); } /*--------------- Mobile UI: Sidepanel -----------------*/ /*On Phone side panels are full screen*/ .is-phone .workspace-drawer.mod-left, .is-phone .workspace-drawer.mod-right { border-radius: 0px; min-width: -webkit-fill-available; backdrop-filter: blur(16px); } /*Corrects the file Search location */ .is-mobile .search-row{ margin-top: 57px; border-radius: 0px; } /*Change background for parameter, search row and search info*/ .is-phone .search-params, .is-phone .search-row, .search-results-info { background: var(--background-settings); } /*Background for sidepanels*/ .is-phone .theme-dark .workspace-drawer-inner, .is-phone .workspace-drawer-inner { background: var(--background-primary); } /*Colors uncolored text*/ .workspace-drawer-header-info, .workspace-drawer-header-name-text, .workspace-drawer-tab-option-item-title, .workspace-drawer-active-tab-title, .workspace-drawer-active-tab-icon, .workspace-drawer-tab-option-item-icon { color: var(--text-accent); } /*Styles active tab header in side panel*/ .is-mobile .workspace-drawer-active-tab-header { z-index: 90; backdrop-filter: blur(18px); background: var(--background-settings); background-attachment: fixed; position: absolute; width: -webkit-fill-available; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 2px solid; } /*Corrects the view from the style above*/ .is-mobile .workspace-drawer-active-tab-container .workspace-drawer-active-tab-content .nav-files-container, .is-mobile .tag-container { padding-top: 60px; margin-bottom: -50px; padding-bottom: 60px; backdrop-filter: blur(18px); } /*Sidepanel Scrollbar re-positioning*/ body.is-mobile .nav-files-container::-webkit-scrollbar-track, .is-mobile .tag-container::-webkit-scrollbar-track { margin-top: 55px; margin-bottom: 40px; } /*Sidepanel top header*/ .is-mobile .workspace-drawer-header { border-top: 2px solid; border-bottom: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); background: var(--background-settings); } /*Corrects view for outline*/ .is-mobile .workspace-drawer-active-tab-content .outline { padding-top: 60px; } /*Colors Right Hand Icons in Header for sidepanel*/ .is-mobile .workspace-drawer-active-tab-back-icon, .is-mobile .workspace-drawer-active-tab-icon:last-child, .is-mobile .workspace-drawer-header-icon { color: var(--text-faint); } /*Sidepanel Tabs and Vault Name spacing, */ .is-mobile .workspace-drawer-tab-option-item, .is-mobile .workspace-drawer-header-switcher { padding: 3px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } /*Sidepanel Tabs, Vault Name, Settings Button and Sub header panels style on Active*/ .is-mobile .workspace-drawer-tab-option-item:active, .is-mobile .workspace-drawer-header-switcher:active, .is-mobile .workspace-drawer-header-icon:active, .workspace-drawer-header-icon:active, .workspace-drawer-active-tab-icon:active, .workspace-drawer-active-tab-back-icon:active, .workspace-drawer-active-tab-title:active { background: var(--text-selection); color: var(--text-accent); box-shadow: 0 0 0 transparent; border-image-slice: 1; border-top: 1px solid; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 1px solid; border-radius: var(--radius-s); } /*Sub header side panel spacing*/ .workspace-drawer-active-tab-icon, .workspace-drawer-active-tab-back-icon, .workspace-drawer-active-tab-title { border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding: 1px; } /*Spacing for Settings Button*/ .is-mobile .workspace-drawer-header-icon{ padding-top: var(--size-2-2); padding-left: 5px; padding-right: 5px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } /*Bottom nav Style*/ .is-mobile .workspace-drawer .nav-header { background: var(--background-tertiary); background-attachment: fixed !important; z-index: 1; } /*Fixed Kanban Board View*/ .is-mobile .kanban-plugin__board{ margin-bottom: 50px; } /*Removes unnecessary background color*/ .is-phone .workspace-split.mod-root .view-content{ background-color: transparent; } .is-mobile .tree-item-self.nav-file-title.is-active{ background: var(--text-selection); } /*Fixes Backlinks view for styled header*/ .is-mobile .workspace-leaf-content[data-type='backlink'] .view-content,.is-mobile .workspace-leaf-content[data-type='outgoing-link'] .view-content { margin-top:60px } /*Fix missing active style*/ .is-phone .clickable-icon.has-active-menu{ background-color: var(--text-selection); } /*---------------- Mobile: Settings -----------------------*/ /*Colors group title in Settings*/ .is-phone .vertical-tab-header-group-title, .is-phone .setting-item-heading .setting-item-name { color: var(--text-accent); padding-bottom: 5px; } /*Styled back button in settings similar to close button*/ .is-phone .modal-setting-back-button { color: var(--text-accent); height:24px; top: calc(var(--safe-area-inset-top) + 9px); left: var(--size-4-5); padding: 2px 0px 5px 5px; border-radius: var(--radius-s); } /*Styled back button on hover*/ .is-phone .modal-setting-back-button:active { background: var(--text-selection); } /*Settings header style*/ .is-phone .modal.mod-sidebar-layout .modal-title { z-index: 90; backdrop-filter: blur(18px); background: var(--background-tertiary); background-attachment: fixed !important; position: absolute; width: -webkit-fill-available; border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 2px solid; border-top: 2px solid; } /*Resets scroll bar for Settings header style*/ .is-phone .modal.mod-settings .vertical-tab-header::-webkit-scrollbar-track { margin-top: 50px; } /*Resets scroll bar for Settings header style in settings pages*/ .is-phone .modal.mod-settings .vertical-tab-content::-webkit-scrollbar-track { margin-top: 5px; } /*Spacing for styled Settings header*/ .is-phone .modal.mod-settings .vertical-tab-header { padding-top: 50px; } /*Colors settings nav item list on phone*/ .is-phone .modal.mod-settings .vertical-tab-nav-item, .is-phone.theme-dark .modal.mod-settings .vertical-tab-nav-item { background-color: var(--background-settings-alt); border-bottom: 1px solid transparent; color: var(--text-accent); } /*Styles settings list when active settings nav item list on phone*/ .is-phone .modal.mod-settings .vertical-tab-nav-item:active, .is-phone .modal.mod-settings .vertical-tab-nav-item.is-active{ background: var(--text-selection); border-top: 1px solid; } /*Colors settings items background*/ .is-phone .modal .setting-item { background-color: var(--background-settings-alt); } /*Spacing for styled Settings pages*/ .is-phone .modal.mod-settings .vertical-tab-content { margin-top: 40px; } /*brings close button to the front for styled headers*/ .is-phone .modal.mod-lg .modal-close-button, .is-phone .modal.mod-sidebar-layout .modal-close-button { z-index: 100; } /*Removes breadcrumps if enabled*/ .CG-header-crumbs.is-phone .view-header-title-parent { display: none; } /*Bumps down community controls for full view*/ .is-phone .community-modal-controls { margin-top: 50px; } /*Corrects full view for community info due to styled headers*/ .is-phone .community-modal-info { padding-top: 50px; } /*Removes unnecessary padding from prompt input (quick switcher etc)*/ .is-phone .prompt-input-cta { padding: 0; } /*Colors input field for prompt*/ .theme-dark.is-mobile .prompt input.prompt-input, .prompt input.prompt-input { background-color: var(--background-settings-2); padding: 1%; border: 1px solid var(--background-settings-2); } /*Sets spacing for buttons on empty*/ .is-mobile .empty-state-action{ border-bottom: 2px solid transparent; border-top: 2px solid transparent; } /*Sets spacing for active buttons on empty*/ .is-mobile .empty-state-action:active { background: var(--text-selection); border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 2px solid; border-top: 2px solid; } /*Corrects coloring on Bookmark icon*/ .view-action.mod-bookmark{ color:var(--activetab-faint); } /*------------- Tablet -------------------*/ /*Adds some nice blur in the sidepanel panes*/ .is-tablet .workspace-drawer-tab-container > *, .is-tablet .workspace-drawer-ribbon{ backdrop-filter: blur(18px); } /*Minor Spacings in tablet tab header*/ .is-tablet .sidebar-toggle-button.mod-left { padding-right: 5px; border-left: 2px solid transparent; border-right: 2px solid transparent; } /*Style Tablet Settings*/ .is-tablet .modal.mod-settings .modal-content { border-image-slice: 1; border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent); border-bottom: 3px solid; border-top: 3px solid; } /*Sets hover on tablet*/ .is-tablet .clickable-icon:hover{ background-color: var(--text-selection); } /*Sets hover and active background color on tablet*/ body:not(.is-grabbing).is-tablet .tree-item-self.is-clickable:hover{ background-color: var(--text-selection); } body:not(.is-grabbing).is-tablet .tree-item-self.is-clickable:active{ background-color: var(--color-accent-active); }